<!DOCTYPE html>
<!-- saved from url=(0041)https://blog.51cto.com/u_11529070/9269963 -->
<html lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
        <title>[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制</title>
    <meta name="keywords" content="[转帖]Kafka之ISR机制的理解,JavaScript博客,51CTO博客">
<meta name="description" content="[转帖]Kafka之ISR机制的理解，Kafka对于producer发来的消息怎么保证可靠性？每个partition都给配上副本，做数据同步，保证数据不丢失。副本数据同步策略和zookeeper不同的是，Kafka选择的是全部完成同步，才发送ack。但是又有所区别。所以，你们才会在各种博客看到这句话【kafka不是完全同步，也不是完全异步，是一种ISR机制】这句话对也不对，不对也对（谜语人......）首先笔者认为：Kafka使用的就">    <meta name="applicable-device" content="pc">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="msvalidate.01" content="91C5324FE68C0A46FA65F3FEC225EA65">
    <meta name="referrer" content="no-referrer-when-downgrade">
    
<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="preconnect" href="https://cdn.51cto.com/">
<link rel="dns-prefetch" href="https://cdn.51cto.com/">
<link rel="preconnect" href="https://static2.51cto.com/edu/">
<link rel="dns-prefetch" href="https://static2.51cto.com/edu/">
<link rel="preconnect" href="https://s2.51cto.com/">
<link rel="dns-prefetch" href="https://s2.51cto.com/">
<link rel="preload" as="image" href="https://s2.51cto.com/images/100/base/empty.png?x-oss-process=image/format,webp/ignore-error,1">
    <link rel="canonical" href="https://blog.51cto.com/u_11529070/9269963">
    <link type="favicon" rel="shortcut icon" href="https://blog.51cto.com/favicon.ico">
        <script src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/push.js.下载"></script><script src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/hm.js.下载"></script><script async="" src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/sensorsdata.min.js.下载"></script><script type="application/ld+json">{"@context":"https://ziyuan.baidu.com/contexts/cambrian.jsonld","@id":"https://blog.51cto.com/u_11529070/9269963","appid":"1576672126670053","title":"[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制","images":["https://s2.51cto.com/images/blog/202401/06084105_6598a1a1e654898009.png","https://s2.51cto.com/images/blog/202401/06084106_6598a1a2296c152571.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=","https://s2.51cto.com/images/blog/202401/06084106_6598a1a299ed736026.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk="],"description":"Kafka对于producer发来的消息怎么保证可靠性？每个partition都给配上副本，做数据同步，保证数据不丢失。副本数据同步策略和zookeeper不同的是，Kafka选择的是全部完成同步，才发送ack。但是又有所区别。所以，你们才","pubDate":"2024-01-16T11:55:12","upDate":"2024-01-16T11:55:12"}</script>
                                <style data-name="css-inline-enable-style-block" type="text/css">
.blue{color:#3e71f6}.Page{margin:0 auto;width:1200px}.Page.Max{min-width:1000px;width:90%}.Page.M764{width:764px}.white-open{background:#fff;display:none;height:100%;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:10}.blue-btn{background:#3e71f6;border:1px solid #3e71f6}.blue-btn:hover{background:#3477e6;border:1px solid #3477e6}.Header{background:#fff;box-shadow:0 3px 10px hsla(0,0%,40%,.03);display:flex;height:70px;justify-content:center;min-width:1200px;position:relative;z-index:21}.fgline{background:#333;display:inline-block;height:11px;margin:29px 4px 0;transform:rotate(22.5deg);width:1px}.Content{padding-top:20px;z-index:10}.Content,.Footer{position:relative}.Footer{background:#eaeaeb;color:#999;font-size:12px;margin-top:20px;overflow:hidden;padding:40px 0}.Footer dl{font-size:14px;margin-right:40px}.Footer dl dt{color:#333;font-size:16px;margin-bottom:10px}.Footer dl td{height:28px;padding-right:28px}.Footer dl td a{color:#666}.Footer dl td a:hover{color:#3e71f6}.Footer dl img{margin-right:20px}.Footer .copy a{color:#999}.Footer .copy a:hover{color:#333}.pagination{font-size:12px;margin:30px auto;text-align:center}.pagination li{display:inline-block;line-height:1;overflow:hidden}.pagination li.disabled,.pagination li.disabled:hover{color:#333;cursor:default;font-size:14px;padding:0 5px}.pagination li:last-child.last.disabled{color:#999;font-size:12px}.pagination li a,.pagination li.active b{color:#999;display:block;line-height:1;padding:0 5px;text-align:center;width:24px}.pagination li.active b{color:#333}.pagination li a:hover,.pagination li.active a{color:#333;font-size:14px}.pagination li.first a,.pagination li.first_page a,.pagination li.last a,.pagination li.last_page a,.pagination li.next a,.pagination li.prev a{text-align:center;width:50px}.pagination li.next:hover a,.pagination li.prev:hover a{font-size:12px}.pagination li:last-child.last.noLink{background:0;border-color:transparent;margin:0}.noList{margin:100px auto;text-align:center}.noList p{color:#999;font-size:14px;line-height:3}.is-vip-bg,.is-vip-bg-2,.is-vip-bg-3,.is-vip-bg-4,.is-vip-bg-5,.is-vip-bg-6,.is-vip-bg-7{height:100%;position:relative}.is-vip-bg-6 i{right:5px}.vip-icon{bottom:0;cursor:pointer;display:inline-block;position:absolute;right:-5px}.vip-icon-1{background:url("https://s2.51cto.com/images/100/blog/old/vip.png") no-repeat left 0;bottom:6px;height:32px;right:8px;width:32px}.webp .vip-icon-1{background-image:url("https://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.vip-icon-2{background:url("https://s2.51cto.com/images/100/blog/old/vip.png") no-repeat left -64px;height:22px;width:22px}.webp .vip-icon-2{background-image:url("https://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.vip-icon-3{background:url("https://s2.51cto.com/images/100/blog/old/vip.png") no-repeat left -108px;height:20px;width:20px}.webp .vip-icon-3{background-image:url("https://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.vip-icon-4{background:url("https://s2.51cto.com/images/100/blog/old/vip.png") no-repeat left -152px;height:18px;width:18px}.webp .vip-icon-4{background-image:url("https://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.vip-icon-5{background:url("https://s2.51cto.com/images/100/blog/old/vip.png") no-repeat left -152px;bottom:11px;height:18px;left:20px;position:absolute;width:18px}.webp .vip-icon-5{background-image:url("https://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.vip-icon-1.on{background:url("https://s2.51cto.com/images/100/blog/old/vip.png") no-repeat right 0}.webp .vip-icon-1.on{background-image:url("https://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.vip-icon-2.on{background:url("https://s2.51cto.com/images/100/blog/old/vip.png") no-repeat right -64px}.webp .vip-icon-2.on{background-image:url("https://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.vip-icon-3.on{background:url("https://s2.51cto.com/images/100/blog/old/vip.png") no-repeat right -108px}.webp .vip-icon-3.on{background-image:url("https://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.vip-icon-4.on{background:url("https://s2.51cto.com/images/100/blog/old/vip.png") no-repeat right -152px}.webp .vip-icon-4.on{background-image:url("https://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.vip-icon-5.on{background:url("https://s2.51cto.com/images/100/blog/old/vip.png") no-repeat right -152px}.webp .vip-icon-5.on{background-image:url("https://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.is-vip-bg-6{position:relative}.is-vip-bg-7 .vip-icon-4{background:url("https://s2.51cto.com/images/100/blog/old/vip.png") no-repeat 0 100%;bottom:0;height:28px;position:absolute;right:0;width:28px}.webp .is-vip-bg-7 .vip-icon-4{background-image:url("https://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.is-vip-bg-7 .vip-icon-4.on{background:url("https://s2.51cto.com/images/100/blog/old/vip.png") no-repeat 100% 100%}.webp .is-vip-bg-7 .vip-icon-4.on{background-image:url("https://s2.51cto.com/images/100/blog/old/vip.png?x-oss-process=image/format,webp")}.is-vip-bg-3 i{bottom:0;right:12px}.is-vip-bg-4 i{bottom:0;right:0}.center-bg .vip-icon{bottom:6px;right:0}.comment-creat .is-vip-bg-6 i{bottom:-2px;right:-2px}.special-column .column-1 .column-box .center a.h2{font-size:18px}.special-column .column-1 .column-box .center h5 span{font-size:14px}.Footer{background:#fff;box-shadow:0 -1px 20px 10px hsla(0,3%,94%,.32);padding-top:35px}.Footer .Logo{box-sizing:border-box;display:block;height:60px;padding-top:16px;width:214px}.Footer .copy{color:#bbb;text-align:left}.Footer .copy a{color:#666;font-size:14px}.Footer .copy a:hover{color:#3e71f6}.Footer tr:first-child{border:0}.Footer table td{border:0;font-size:14px}.Footer a.zhiCustomBtn,.aboutList a.zhiCustomBtn{display:block}.Footer dt{font-weight:700}.Footer dl td{padding-bottom:5px}dl.foot_ab td{padding-right:43px}dl.foot_link{margin-right:20px}.urlTransfer{box-sizing:border-box;min-height:700px;padding-top:130px}.urlTransfer .logo{background:url("https://s2.51cto.com/images/100/blog/old/logo3.png") no-repeat 50%;background-size:217px 37px;height:37px;margin:0 auto;width:217px}.webp .urlTransfer .logo{background-image:url("https://s2.51cto.com/images/100/blog/old/logo3.png?x-oss-process=image/format,webp")}.urlTransfer .inner{background:#fff;box-sizing:border-box;margin:20px auto 0;padding:26px 39px;width:445px}.urlTransfer .inner .tit{background:#f7f7f7;color:#222;font-size:16px;height:45px;line-height:45px;width:240px}.urlTransfer .inner .tit i{color:#d3313a;float:left;font-size:25px;margin:0}.urlTransfer .inner .tips{color:#222;font-size:16px;margin-top:15px}.urlTransfer .inner .btn{background:#d3313a;border-radius:2px;color:#fff;cursor:pointer;display:block;height:36px;line-height:36px;margin-top:20px;text-align:center;width:100px}.urlTransfer .inner .btn:hover{background:#c22d36;color:#fff}.urlTransfer .inner .url{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#999;display:-webkit-box;font-size:16px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.urlTransfer .inner .url span{cursor:pointer}.urlTransfer .inner .url span:hover{color:#666}.common_scales_light{animation-duration:1s;-webkit-animation-duration:1s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-name:scales_light;-webkit-animation-name:scales_light}@keyframes scales_light{0%{transform:scale(100%)}50%{transform:scale(96%)}to{transform:scale(100%)}}@-webkit-keyframes scales_light{0%{-webkit-transform:scale(100%)}50%{-webkit-transform:scale(96%)}to{-webkit-transform:scale(100%)}}.home-top-old .top-box .item-lf{padding-right:27px!important}.blog-search{font-size:14px!important}.right-fixadv{bottom:60%;position:fixed;right:20px;width:100px;z-index:999}.right-fixadv .ins{position:relative}.right-fixadv .ins span{background:url("https://s2.51cto.com/images/100/blog/sprites/sprites_ac0aa035.png") no-repeat -61px -277px;content:"";cursor:pointer;display:block;height:32px;position:absolute;right:-10px;top:-30px;transform:scale(.5);width:32px;z-index:99}.webp .right-fixadv .ins span{background-image:url("https://s2.51cto.com/images/100/blog/sprites/sprites_ac0aa035.png?x-oss-process=image/format,webp")}.right-fixadv img{width:100%}@media screen and (max-width:1199px){.Footer dl,.Footer dl.foot_link{margin-right:0}}.ac-box{display:block}.ac-box,.ac-box img{width:100%}input::-ms-clear{display:none;height:0;width:0}button,input,input[type=button]{outline:0}.header-content{display:flex;height:70px;justify-content:space-between;margin:1px auto}.header-content .header-left{display:flex;position:relative;width:50%}.header-content .header-left .Logo{box-sizing:border-box;padding-top:25px;width:100px}.header-content .header-left .Logo a{display:block;height:100%;overflow:hidden;position:relative}.header-content .header-left .Logo a img{z-index:2}.header-content .header-left .Logo h1,.header-content .header-left .Logo h2{position:absolute;text-indent:-9999em;z-index:-1}.header-content .header-left .Navigates{display:flex;font-size:16px;line-height:70px;list-style:none}.header-content .header-left .Navigates li{margin-left:38px;position:relative}.header-content .header-left .Navigates li:first-child{margin-left:43px}.header-content .header-left .Navigates li a{color:#333}.header-content .header-left .Navigates li:hover a{color:#3e71f6}.header-content .header-left .Navigates li .hot-img{height:auto;position:absolute;right:-23px;top:14px;width:24px}.header-content .header-left .Navigates .first a{display:block;height:70px;position:relative;width:100px}.header-content .header-left .Navigates .first a img{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;width:100px}.header-content .header-left .Navigates .first a img.otherimg{width:130px}.header-content .header-left .Navigates .cur a{color:#3e71f6}.header-content .header-right{display:flex;line-height:70px;list-style:none}.header-content .header-right li{margin-left:28px}.header-content .header-right .search{background:#f7f7f7;border-radius:3px;height:28px;line-height:28px;margin-top:21px;position:relative}.header-content .header-right .search .form-search{display:flex;justify-content:space-between;width:244px}.header-content .header-right .search .form-search input{background:0;border:none;flex:1;height:28px;line-height:28px;padding-left:10px}.header-content .header-right .search .form-search .blogsou{background:0;color:#999;display:inline-block;height:14px;line-height:14px;margin:7px 13px;padding:0;width:14px;z-index:99}.header-content .header-right .search .form-search .bloga-shanchutupian{color:#999;cursor:pointer;display:none}.header-content .header-right .search .form-search input:valid+.bloga-shanchutupian{display:block}.header-content .header-right .search .focusSelect_his{background:#fff;border-radius:10px;box-shadow:0 -2px 15px 0 rgba(0,0,0,.06);display:none;left:0;padding-bottom:10px;position:absolute;text-align:left;top:35px;width:100%;z-index:2}.header-content .header-right .search .focusSelect_his .hishead{border-bottom:1px solid #f6f7f8;color:#9399a6;display:block;font-size:14px;line-height:1.1;margin:20px 20px 10px;padding-bottom:10px;position:relative}.header-content .header-right .search .focusSelect_his .hishead .clearhis{color:#9399a6;cursor:pointer;float:right;font-size:14px}.header-content .header-right .search .focusSelect_his .his-item{align-items:center;color:#121212;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;margin-bottom:17px;min-width:0;padding:0 20px}.header-content .header-right .search .focusSelect_his .his-item span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;flex:1;line-height:25px;overflow:hidden;text-overflow:ellipsis}.header-content .header-right .search .focusSelect_his .his-item .close-his-item{color:#9399a6;display:none;font-size:12px}.header-content .header-right .search .focusSelect_his .his-item:hover .close-his-item{display:block;height:25px}.header-content .header-right .search .focusSelect_key{display:none;width:100%}.header-content .header-right .write{position:relative}.header-content .header-right .write a{color:#3e71f6}.header-content .header-right .write a .iconblog{margin-right:2px}.header-content .header-right .write .new_bloger{background-color:#ee502f;border-radius:50px;color:#fff;font-size:18px;font-weight:500;line-height:20px;padding:4px 14px;position:absolute;right:-56px;text-align:center;top:6px;transform:scale(.5);white-space:nowrap}.header-content .header-right .creative{position:relative}.header-content .header-right .creative a{color:#3e71f6}.header-content .header-right .creative .task{background:url("https://s2.51cto.com/blog/activity3.png") no-repeat top;background-size:225px 34px;bottom:-10px;display:inline-block;height:34px;left:-138px;position:absolute;width:225px}.webp .header-content .header-right .creative .task{background-image:url("https://s2.51cto.com/blog/activity3.png?x-oss-process=image/format,webp")}.header-content .header-right .message,.header-content .header-right .message .message-link{position:relative}.header-content .header-right .message .message-link i{background:#e31436;border-radius:10px;color:#fff;display:inline-block;font-size:12px;font-style:normal;left:23px;line-height:1;padding:1px 4px;position:absolute;top:-6px}.header-content .header-right .message div{background:#fff;border-radius:10px;box-shadow:0 -2px 15px 0 rgba(0,0,0,.06);display:none;left:-30px;position:absolute;top:26px;width:87px;z-index:99}.header-content .header-right .message div .ins{padding:24px 18px 24px 27px}.header-content .header-right .message div .ins a{color:#121212;display:block;font-size:14px;font-weight:400;line-height:20px;margin-bottom:17px}.header-content .header-right .message div .ins a i{background:#e31436;border-radius:10px;color:#fff;display:inline-block;font-size:12px;font-style:normal;left:23px;line-height:1;margin-left:2px;padding:1px 4px}.header-content .header-right .message div .ins a:hover{color:#3e71f6}.header-content .header-right .message div .ins a:last-child{margin-bottom:0}.header-content .header-right .message:hover div{display:block}.header-content .header-right .user{position:relative;width:24px}.header-content .header-right .user .is-vip-bg-1{display:inline-block}.header-content .header-right .user .is-vip-bg-1 img{border-radius:12px;height:24px;margin-top:23px;width:24px}.header-content .header-right .user .vip-icon{left:15px;position:absolute;top:27px}.header-content .header-right .user .user-alert{border-radius:10px;box-shadow:0 3px 10px hsla(0,0%,40%,.07);display:none;left:-280px;overflow:hidden;position:absolute;top:54px;z-index:99}.header-content .header-right .user .user-alert .ins{background:#fff;border-radius:10px;box-sizing:border-box;width:300px}.header-content .header-right .user .user-alert .ins .vip-icon{left:55px;top:50px}.header-content .header-right .user .user-alert .ins .user-base{align-items:center;background:linear-gradient(180deg,rgba(226,239,255,.5),hsla(0,0%,100%,0));color:#121212;display:block;display:flex;filter:blur(0);font-size:15px;font-weight:500;padding:10px 20px 0}.header-content .header-right .user .user-alert .ins .user-base img{border-radius:100%;height:50px;margin-right:10px;width:50px}.header-content .header-right .user .user-alert .ins .user-message{margin-top:11px;padding:0 20px}.header-content .header-right .user .user-alert .ins .user-message .user-medal{border-bottom:1px solid #f5f5f5;display:flex;flex-wrap:wrap}.header-content .header-right .user .user-alert .ins .user-message .user-medal img{height:27px;margin-right:13px;padding-bottom:14px;width:24px}.header-content .header-right .user .user-alert .ins .user-message .user-modal{border-bottom:1px solid #f5f5f5;display:flex}.header-content .header-right .user .user-alert .ins .user-message .user-modal .stat-item{color:#9f9f9f;flex:1;font-size:14px;font-weight:400;line-height:26px;margin-left:3px;padding:14px 0;text-align:left}.header-content .header-right .user .user-alert .ins .user-message .user-modal .stat-item:first-child{margin-left:0}.header-content .header-right .user .user-alert .ins .user-message .user-modal .stat-item .stat-num{color:#000;font-family:DINAlternate-Bold,DINAlternate;font-size:18px;font-weight:700;line-height:21px}.header-content .header-right .user .user-alert .ins .user-menu{border-bottom:1px solid #f5f5f5;display:flex;flex-wrap:wrap;padding:19px 20px 0}.header-content .header-right .user .user-alert .ins .user-menu a{box-sizing:border-box;color:#525d6c;display:block;font-size:14px;font-weight:400;line-height:20px;margin-bottom:20px;position:relative;width:50%}.header-content .header-right .user .user-alert .ins .user-menu a .iconblog{margin-right:8px}.header-content .header-right .user .user-alert .ins .user-menu a:nth-child(2n){padding-left:5px}.header-content .header-right .user .user-alert .ins .user-menu a .dot{background:#e31436;border-radius:5px;display:inline-block;height:5px;position:absolute;width:5px}.header-content .header-right .user .user-alert .ins .login-out{color:#525d6c;display:block;font-size:14px;font-weight:400;line-height:45px;text-align:center}.header-content .header-right .user:hover .user-alert{display:block}@media screen and (max-width:1580px){.header-content{width:1200px}}@media screen and (min-width:1581px)and (max-width:1767px){.header-content{width:1390px}}@media screen and (min-width:1768px){.header-content{width:1580px}}.Header-old .header-content{width:1200px}.home-top{background:#303030;font-size:12px;font-weight:400;height:30px;line-height:30px;position:relative;width:100%}.home-top,.home-top a,.home-top a:hover{color:#fff}.home-top .w1200{margin:0 auto;width:1200px}.home-top .left_nav{align-items:center;display:flex}.home-top .top_right{display:flex}.home-top .top_right .item-rt{margin-left:30px}.home-top .top_right .item-rt .i{font-size:12px}.home-top .top_right .item-rt.collection{cursor:pointer}.home-top .top_box{align-content:center;display:flex;height:30px;justify-content:space-between}.home-top .top_box .item-lf{padding-right:30px;position:relative}.home-top .top_box .item-lf.hot{align-items:center;display:flex}.home-top .top_box .item-lf.hot .hot-div{font-size:12px;height:14px;position:absolute;right:2px;top:-1px;width:26px}.home-top .top_box .item-lf.hot .hot-div img{height:14px;width:26px}.home-top .top_box .subweb{display:inline-block;height:30px}.home-top .top_box .subweb:hover{cursor:pointer;font-weight:600}.home-top .top_box .subweb.subweb-tag{position:relative}.home-top .top_box .subweb.subweb-tag .tagicon{display:block;height:13px;position:absolute;right:-28px;top:-3px;width:26px}.home-top .top_box .subweb.subweb-tag .tagicon img{width:100%}.home-top .nav-more-container{background:#303030;height:0;position:absolute;top:30px;transition:height .3s;width:100%;z-index:1000}.home-top .nav-more-container.height1{height:30px}.home-top .nav-more-container.height2,.home-top .nav-more-container.height3{height:120px}.home-top .nav-more-container .nav-contant-box{height:0;position:relative;transition:height .3s}.home-top .nav-more-container .nav-contant-box.height1{height:30px}.home-top .nav-more-container .nav-contant-box.height2,.home-top .nav-more-container .nav-contant-box.height3{height:120px}.home-top .nav-more-container .nav-contant{box-sizing:border-box;font-size:0;height:0;overflow:hidden;position:absolute;transition:height .3s;width:100%}.home-top .nav-more-container .nav-contant.height1{height:30px}.home-top .nav-more-container .nav-contant.height2,.home-top .nav-more-container .nav-contant.height3{height:120px}.home-top .nav-more-container .nav-contant a{color:#fff;font-size:12px;line-height:25px;margin-right:50px}.home-top .nav-more-container .nav-contant a:hover{color:#f40d04}.home-top .nav-more-container .nav-contant .ewmbox{display:inline-block;text-align:center;width:130px}.home-top .nav-more-container .nav-contant .ewmbox .imgbox{background:#fff;border:4px solid #fff;border-radius:4px;height:66px;margin:15px auto 0;overflow:hidden;width:66px}.home-top .nav-more-container .nav-contant .ewmbox img{background:#fff;border-radius:4px;height:66px;width:66px}.home-top .nav-more-container .nav-contant .ewmbox .txt{color:#c8c8c8;font-size:12px;padding-top:5px}.home-top .nav-more-container .nav-contant.wechatImageList{text-align:center}.home-top .nav-more-container .nav-contant.wechatImageList .ewmbox{width:130px}.home-top .nav-more-container .nav-contant.appImageList{text-align:center}.home-top .nav-more-container .nav-contant.appImageList .ewmbox{width:160px}.home-top .nav-more-container .nav-contant.nav-contant9{text-align:right}.home-top .nav-more-container .nav-contant.nav-contant9 .loginout{cursor:pointer;font-size:12px}.home-top .search-top i{font-size:14px}@media screen and (min-width:1768px){.home-top .w1200{width:1580px}}.publish-box{bottom:20px;display:block;height:103px;position:fixed;right:50px;width:331px;z-index:999999}.publish-box img{width:100%}.publish-box .publish-close{bottom:90px;cursor:pointer;display:inline-block;height:30px;position:fixed;right:52px;width:30px}.hover-ball{background-size:55px 43px!important;border:none!important;border-radius:0!important;right:19px!important;z-index:9999!important}.hover-ball.origin-background{background-size:140%!important}#lingjing-agent-container{z-index:99999!important}#lingjing-agent-container .markdown-container pre.chat-code-pre .hljs{white-space:normal!important}#lingjing-agent-container .chat-input-box-clean{cursor:pointer!important}@font-face{font-family:iconblog;src:url("https://static2.51cto.com/edu/blog/blog-static/iconFont/iconfont.woff2?t=1704267097589") format("woff2"),url("https://static2.51cto.com/edu/blog/blog-static/iconFont/iconfont.woff?t=1704267097589") format("woff"),url("https://static2.51cto.com/edu/blog/blog-static/iconFont/iconfont.ttf?t=1704267097589") format("truetype")}.iconblog{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:iconblog!important;font-size:16px;font-style:normal}.blogllc:before{content:"\e6c6"}.blogsousuo1:before{content:"\e6c5"}.blogyijianfk:before{content:"\e6c4"}.blogyonghu:before{content:"\e6c3"}.blogyinhao:before{content:"\e6bf"}.blogpaixu:before{content:"\e6c0"}.blogxuanzhong:before{content:"\e6c1"}.blogxuanxiang:before{content:"\e6c2"}.blogfanhuidb:before{content:"\e6a3"}.blogfenxiang2:before{content:"\e6a4"}.blogchuangzuozx:before{content:"\e6a5"}.blogijilu:before{content:"\e6a6"}.blogshoucang-4:before{content:"\e6a7"}.blogqianbao:before{content:"\e6a8"}.blogzhuanlan:before{content:"\e6a9"}.blogquan:before{content:"\e6bd"}.blogwode:before{content:"\e6be"}.bloggengduo1:before{content:"\e695"}.blogsousuo:before{content:"\e698"}.blogxiewz:before{content:"\e69b"}.bloghuati1:before{content:"\e69c"}.bloggaiban:before{content:"\e693"}.bloga-2023:before{content:"\e694"}.blogjichuxinxi:before{content:"\e704"}.blogimport:before{content:"\e700"}.blogqiandao:before{content:"\e6ff"}.blogyidaka:before{content:"\e6fe"}.blogqiandaoqueren:before{content:"\e6fc"}.blogshenfenrenzhengbeifen:before{content:"\e6f8"}.bloggonggaobeifen:before{content:"\e6f7"}.blogunfold:before{content:"\e6f4"}.bloghuati:before{content:"\e6f3"}.blogrongyurenzheng:before{content:"\e6f1"}.blogpaixujiang:before{content:"\e6ee"}.blogpaixusheng:before{content:"\e6ed"}.blogxunzhangguanli:before{content:"\e6ec"}.bloghelp:before{content:"\e6eb"}.blogxiewenzhang:before{content:"\e6ea"}.blogzuixinblogzuixin:before{content:"\e63f"}.blogzuire:before{content:"\e63e"}.blogxiangshangpaixu:before{content:"\e6e6"}.blogzhujiao2:before{content:"\e6e0"}.blogzhujiang2:before{content:"\e6df"}.blogxuesheng2:before{content:"\e6de"}.blogyitijiao2:before{content:"\e6dd"}.blogrili2:before{content:"\e6dc"}.blogpaixu2:before{content:"\e6db"}.blogjiezhishijian2:before{content:"\e6da"}.blogdanxuanxuanzhong:before{content:"\e6d9"}.blogdanxuanweixuanzhong:before{content:"\e6d8"}.blogzuoye2:before{content:"\e6d5"}.blogshijian2:before{content:"\e6d4"}.blogjiaoshi2:before{content:"\e6d3"}.blogmulu:before{content:"\e63d"}.bloga-bianzu9:before{content:"\e63b"}.bloga-bianzu8:before{content:"\e63c"}.bloga-bianzu10:before{content:"\e638"}.bloga-bianzu12:before{content:"\e639"}.bloga-bianzu6:before{content:"\e63a"}.bloga-bianzu11:before{content:"\e637"}.bloga-bianzu7:before{content:"\e636"}.bloga-shanchutupian:before{content:"\e6cd"}.blogtianjiabeifen:before{content:"\e6cc"}.blogtishibeifen:before{content:"\e6cb"}.blogtishi2beifen:before{content:"\e6ca"}.blogjubaobeifen:before{content:"\e6c7"}.blogfuwuqibeifen:before{content:"\e6bc"}.blogqiyexinxihuabeifen:before{content:"\e6bb"}.blogyouxikaifabeifen:before{content:"\e6ba"}.blogrengongzhinengbeifen:before{content:"\e6b9"}.blogruanjianyanfabeifen:before{content:"\e6b8"}.blogkaoshirenzhengbeifen:before{content:"\e6b7"}.bloghongmengbeifen:before{content:"\e6b6"}.blogofficebangongbeifen:before{content:"\e6b5"}.blogqianrushibeifen:before{content:"\e6b4"}.blogyidongkaifabeifen:before{content:"\e6b3"}.blogbianchengyuyanbeifen:before{content:"\e6b2"}.blogqianduankaifabeifen:before{content:"\e6b1"}.blogyunjisuanbeifen:before{content:"\e6b0"}.blogshujukubeifen:before{content:"\e6af"}.blogxitongyunweibeifen:before{content:"\e6ae"}.blogwangluoanquanbeifen:before{content:"\e6ad"}.blogJavabeifen:before{content:"\e6ac"}.blogpythonbeifen:before{content:"\e6ab"}.blogdashujubeifen:before{content:"\e6aa"}.bloga-15beifen41:before{content:"\e6a2"}.bloga-15beifen4:before{content:"\e6a1"}.bloga-15beifen5:before{content:"\e6a0"}.bloga-15beifen2:before{content:"\e69f"}.bloga-15beifen3:before{content:"\e69e"}.bloga-15beifen:before{content:"\e69d"}.blogchenggongtishi:before{content:"\e69a"}.blogxiepinglun:before{content:"\e699"}.blogwodeqianbaobeifen:before{content:"\e697"}.blogdianzanxuanzhong:before{content:"\e696"}.bloga-icbokewenda:before{content:"\e692"}.bloga-icyijianfankui:before{content:"\e691"}.bloga-icfenxiangbeifen:before{content:"\e690"}.bloga-icwodedingyuezhuanlan:before{content:"\e68f"}.bloga-icdingyuezhuanlan:before{content:"\e68e"}.bloga-icshouye:before{content:"\e68d"}.bloga-icyonghu:before{content:"\e68c"}.blogshanchu1:before{content:"\e68a"}.blogyuedu:before{content:"\e689"}.blogpinglun3:before{content:"\e687"}.blogfenxiang1:before{content:"\e686"}.bloggengduo:before{content:"\e67f"}.blogshanchu18:before{content:"\e67e"}.blogquxiao18:before{content:"\e67d"}.bloglink:before{content:"\e67c"}.blogshanchu:before{content:"\e67b"}.blogdianzan:before{content:"\e679"}.blogremensousuo:before{content:"\e676"}.bloglishijilu:before{content:"\e675"}.bloga-blogdianzanxe622:before{content:"\e622"}.blogchuangzuoshezhibeifen:before{content:"\e631"}.blogchuangzuoliebiao:before{content:"\e632"}.blogchuangzuoshouye:before{content:"\e633"}.blogchuangzuoqushi:before{content:"\e634"}.blogchuangzuotianjia:before{content:"\e635"}.blogchuangzuogongju:before{content:"\e623"}.blogchuangzuolanhufan:before{content:"\e624"}.blogchuangzuoguanli:before{content:"\e625"}.blogchuangzuohuodong:before{content:"\e626"}.blogchuangzuorli:before{content:"\e628"}.blogchuangzuochuangzuo:before{content:"\e629"}.blogchuangzuoshezhi:before{content:"\e62b"}.blogchuangzuoshuju:before{content:"\e62f"}.blogchuangzuoxiazai:before{content:"\e630"}.blogfenxiang:before{content:"\e61b"}.blogNextpage:before{content:"\e62e"}.blogPreviouspage:before{content:"\e62d"}.blogxuanzhongbeifen1:before{content:"\e62c"}.blogweixuanzhongbeifen:before{content:"\e62a"}.blogright:before{content:"\e627"}.blogshouqi:before{content:"\e620"}.blogyuedu1:before{content:"\e621"}.blogsixin1:before{content:"\e61f"}.blogshoucang:before{content:"\e61e"}.blogpinglun1:before{content:"\e61d"}.blogzhankai:before{content:"\e61c"}.blogbianji1:before{content:"\e61a"}.blogguanzhu:before{content:"\e619"}.blogbianji:before{content:"\e617"}.blogshanchu2:before{content:"\e618"}.blogfenxiangqq:before{content:"\e614"}.blogfenxiangweixin:before{content:"\e615"}.blogfenxiangweibo:before{content:"\e616"}.blogqqqun:before{content:"\e611"}.blogboke:before{content:"\e612"}.blogguan:before{content:"\e613"}.blogpinglun:before{content:"\e605"}.blogpinglun2:before{content:"\e606"}.blogshang:before{content:"\e607"}.blogsixin:before{content:"\e608"}.blogshou:before{content:"\e609"}.blogzan2:before{content:"\e60a"}.blogfen:before{content:"\e60b"}.blogshan:before{content:"\e60c"}.blogzhi:before{content:"\e60d"}.blogsou:before{content:"\e60e"}.blogzan:before{content:"\e60f"}.blogduo:before{content:"\e610"}.blogxie:before{content:"\e604"}::-webkit-scrollbar{-webkit-appearance:none;height:10px;width:10px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border:2px solid #fff;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.5)}::-webkit-scrollbar-thumb:window-inactive{background-color:rgba(0,0,0,.2)}.msg-index-box{background:#fff;border-radius:10px;left:50%;margin-left:-300px;padding:25px 10px;position:fixed;top:30%;width:606px;z-index:9999}.msg-index-box .top-bg{background:url("https://s2.51cto.com/images/100/blog/index/followbg.png") no-repeat top;height:129px;left:0;position:absolute;top:0;width:626px}.webp .msg-index-box .top-bg{background-image:url("https://s2.51cto.com/images/100/blog/index/followbg.png?x-oss-process=image/format,webp")}.msg-index-box .follow-close{background:url("https://s2.51cto.com/images/100/blog/index/sprites_indexfp0908.png") -61px -206px;cursor:pointer;height:18px;position:absolute;right:14px;top:14px;width:19px;z-index:1}.webp .msg-index-box .follow-close{background-image:url("https://s2.51cto.com/images/100/blog/index/sprites_indexfp0908.png?x-oss-process=image/format,webp")}.msg-index-box .con-box{left:0;position:absolute;top:0;width:100%}.msg-index-box .icon-bg{left:97px;position:absolute;top:48px}.msg-index-box .icon-1{background:url("https://s2.51cto.com/images/100/blog/index/sprites_indexfp0908.png") -8px -206px;height:31px;width:37px}.webp .msg-index-box .icon-1{background-image:url("https://s2.51cto.com/images/100/blog/index/sprites_indexfp0908.png?x-oss-process=image/format,webp")}.msg-index-box .icon-2{background:url("https://s2.51cto.com/images/100/blog/index/sprites_indexfp0908.png") -92px -199px;height:38px;width:38px}.webp .msg-index-box .icon-2{background-image:url("https://s2.51cto.com/images/100/blog/index/sprites_indexfp0908.png?x-oss-process=image/format,webp")}.msg-index-box h2{color:#4285f4;font-size:26px;line-height:1;margin-bottom:20px;margin-top:26px;text-align:center}.msg-index-box .con{color:#333;font-size:14px;line-height:24px;text-align:center}.msg-index-box .con a{color:#4285f4}.msg-index-box .code-bg{background:url("https://s2.51cto.com/images/100/blog/index/followcode.png") no-repeat;height:148px;margin:20px auto 0;width:148px}.webp .msg-index-box .code-bg{background-image:url("https://s2.51cto.com/images/100/blog/index/followcode.png?x-oss-process=image/format,webp")}.msg-index-box .code-bg img{width:100%}.msg-index-box .tipBox{line-height:20px;margin:0 auto;text-align:left;width:350px}.msg-index-box .tipBox .btn{color:#3e71f6;cursor:pointer}.msg-index-box .tipBox .txt{display:inline-block;line-height:12px;max-width:120px}.msg-index-box .btn-box{margin-top:20px;text-align:center}.msg-index-box .btn-box p{border-radius:6px;cursor:pointer;display:inline-block;font-size:14px;height:28px;line-height:28px;padding:0 16px}.msg-index-box .btn-1{border:1px solid #fff;color:#666;margin-right:46px}.msg-index-box .btn-2{border:1px solid #4285f4;color:#4285f4}.Header{top:30px}.hljs-center{text-align:center}.hljs-right{text-align:right}#result{overflow:auto}.detail-content-left s{text-decoration:line-through}.cto-mermaid{text-align:center}.cto-mermaid svg{max-width:100%}#result img{height:auto}.report-dialog-root{display:none}.am-engine img{vertical-align:middle}.mb24{margin-bottom:24px}.mb30{margin-bottom:30px}body{background:#f7f8f9}.Header{position:fixed;width:100%}.home-top{position:fixed;top:0;z-index:999}.detail-content-new{background:#f7f8f9;padding:114px 0 30px}.detail-content-new .jia1,.detail-content-new .jia2{color:#3e71f6}.detail-content-new .fixtitle{background:#fff;box-shadow:0 3px 10px #efefef;display:none;height:61px;left:0;line-height:61px;position:fixed;top:0;width:100%;z-index:999}.detail-content-new .fixtitle h3{box-sizing:border-box;color:#333;font-size:24px;overflow:hidden;padding:0 35px;text-overflow:ellipsis;white-space:nowrap;width:883px}.detail-content-new .fixtitle .messbox .checkFollow{background:#3e71f6;border:none;border-radius:0;border-radius:2px;box-sizing:border-box;color:#666;color:#fff;cursor:pointer;float:right;font-size:14px;height:32px;line-height:32px;margin:13px 0 0 15px;text-align:center;width:90px}.detail-content-new .fixtitle .messbox .checkFollow.in{background:0;border:1px solid #789bf9;color:#3e71f6;padding-left:0}.detail-content-new .fixtitle .messbox .checkFollow.on{background:#3e71f6;font-family:iconblog;padding-left:19px;text-align:left}.detail-content-new .fixtitle .messbox .checkFollow.on:before{content:"";font-size:20px;vertical-align:bottom}.detail-content-new .fixtitle .messbox .checkFollow.on:hover{background:#3d62f5}.detail-content-new .fixtitle .messbox .checkFollow.off{background:#ddd;padding-left:0}.detail-content-new .fixtitle .messbox .name{color:#17233f;float:right;margin-left:10px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .fixtitle .messbox strong{float:right;height:34px;margin-top:13px;position:relative;width:34px}.detail-content-new .fixtitle .messbox .avatar img{border-radius:34px;height:34px;width:34px}.detail-content-new .Page .common-section{background:#fff;border-radius:2px}.detail-content-new .Page .detail-content-left{float:left;width:874px}.detail-content-new .Page .detail-content-left.set-right{float:right}.detail-content-new .Page .detail-content-left .common-spacing{padding:15px 35px}.detail-content-new .Page .detail-content-left .content-taotao-h{display:none}.detail-content-new .Page .detail-content-left .article-detail{padding-bottom:27px}.detail-content-new .Page .detail-content-left .article-detail>.title{word-wrap:break-word;font-size:37px;line-height:40px;margin-bottom:5px;padding:5px 0 10px;word-break:break-all}.detail-content-new .Page .detail-content-left .article-detail>.title h1{color:#333;display:inline;font-size:28px}.detail-content-new .Page .detail-content-left .article-detail>.title span{border-radius:4px;color:#fff;display:inline-block;font-size:14px;line-height:24px;margin-right:1px;position:relative;text-align:center;top:-4px;width:36px}.detail-content-new .Page .detail-content-left .article-detail>.title span:first-child{margin-left:20px}.detail-content-new .Page .detail-content-left .article-detail>.title span.tuijian{background:#f3c352}.detail-content-new .Page .detail-content-left .article-detail>.title span.original{background:#99cea4}.detail-content-new .Page .detail-content-left .article-detail>.title span.reprint{background:#84c4fa}.detail-content-new .Page .detail-content-left .article-detail>.title span.translation{background:#fea4a4}.detail-content-new .Page .detail-content-left .article-detail>.title span.type_selected{background:#84a0fa}.detail-content-new .Page .detail-content-left .article-detail>.title .examine{background:#f4f5f6;color:#b7bdc9;display:inline-block;font-size:14px;font-weight:400;height:22px;line-height:22px;text-align:center;width:49px}.detail-content-new .Page .detail-content-left .article-detail .messbox{background:#f9f9fa;border-radius:2px;color:#6b7486;padding:15px 15px 5px}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-line1{line-height:1}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-line1 a{color:#6b7486}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-line1 a:hover{color:#3e71f6}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-line1 .fl{padding-right:12px}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-line1 #copyright-btn{cursor:pointer;font-size:12px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-line1 #copyright-btn:hover{color:#3e71f6}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag{margin-top:15px}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong{float:left;font-weight:400;margin-right:22px}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong em{font-style:normal;line-height:24px;margin-right:11px}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong a,.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong span{background:#efeff1;color:#5c6578;display:inline-block;font-size:12px;height:24px;line-height:24px;margin-bottom:10px;margin-right:13px;padding:0 8px}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong a:last-child,.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong span:last-child{margin-right:0}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong a.subject,.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong span.subject{background:#e6ebfa;color:#3e71f6}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong a.subject i,.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong span.subject i{float:left;font-size:12px;margin:0 4px 0 0}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong a:hover{color:#3e71f6}.detail-content-new .Page .detail-content-left .article-detail .messbox p.mess-tag strong b{color:#6b7486;font-size:14px;font-weight:400}.detail-content-new .Page .detail-content-left .article-detail .copytext{color:#9399a6;display:none;font-size:12px;margin-top:10px;word-break:break-all}.detail-content-new .Page .detail-content-left .article-detail .copytext a{color:#9399a6}.detail-content-new .Page .detail-content-left .article-detail .copytext2{color:#9399a6;font-size:12px;margin-top:10px;word-break:break-all}.detail-content-new .Page .detail-content-left .article-detail .recommend-video{display:none;justify-content:space-between;margin:20px auto}.detail-content-new .Page .detail-content-left .article-detail .recommend-video.recommend-video-1{justify-content:center}.detail-content-new .Page .detail-content-left .article-detail .recommend-video .video{width:49%}.detail-content-new .Page .detail-content-left .article-detail .recommend-video .video a{background:#f8f8fb;border-radius:2px;box-sizing:border-box;display:flex;height:130px;padding:14px}.detail-content-new .Page .detail-content-left .article-detail .recommend-video .video a .pic{border-radius:2px;overflow:hidden;position:relative;width:184px}.detail-content-new .Page .detail-content-left .article-detail .recommend-video .video a .pic:after{background:rgba(0,0,0,.3) url("https://s2.51cto.com/blog/sprites/videoicon.png") no-repeat 50%;content:"";height:104px;left:0;position:absolute;top:0;width:184px}.webp .detail-content-new .Page .detail-content-left .article-detail .recommend-video .video a .pic:after{background-image:url("https://s2.51cto.com/blog/sprites/videoicon.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-left .article-detail .recommend-video .video a .pic img{height:104px;width:184px}.detail-content-new .Page .detail-content-left .article-detail .recommend-video .video a .detail{display:flex;flex-direction:column;justify-content:center;line-height:1.7;padding-left:14px;width:calc(100% - 200px)}.detail-content-new .Page .detail-content-left .article-detail .recommend-video .video a .detail .title{color:#17233f;font-size:16px;max-height:58px;overflow:hidden}.detail-content-new .Page .detail-content-left .article-detail .recommend-video .video a .detail .dec{color:#8c92a2;font-size:14px;max-height:45px;overflow:hidden}.detail-content-new .Page .detail-content-left .article-detail .article-content-wrap{border-bottom:1px solid #f3f3f3;color:#17233f;font-size:16px;margin-bottom:30px;padding-bottom:30px;word-break:break-all}.detail-content-new .Page .detail-content-left .article-detail .article-content-wrap img{cursor:zoom-in;max-width:100%}.detail-content-new .Page .detail-content-left .article-detail .article-content-wrap .artical-content-bak{max-width:100%;padding:0 0 20px!important}.detail-content-new .Page .detail-content-left .article-detail .article-content-wrap .all-question{color:#3e71f6;cursor:pointer}.detail-content-new .Page .detail-content-left .article-detail .label-list{margin-top:20px;padding-left:90px;position:relative}.detail-content-new .Page .detail-content-left .article-detail .label-list .tag-text{color:#9399a6;display:inline;font-size:13px;line-height:35px;margin-right:15px;word-break:break-all}.detail-content-new .Page .detail-content-left .article-detail .label-list .tag-text:hover{color:#7d828c}.detail-content-new .Page .detail-content-left .article-detail .label-list .tag-text:nth-child(3n-2){color:#b6c2bb}.detail-content-new .Page .detail-content-left .article-detail .label-list .tag-text:nth-child(3n-2):hover{color:#9ea8a2}.detail-content-new .Page .detail-content-left .article-detail .label-list .tag-text:nth-child(3n-1){color:#e0d6d1}.detail-content-new .Page .detail-content-left .article-detail .label-list .tag-text:nth-child(3n-1):hover{color:#c7beb9}.detail-content-new .Page .detail-content-left .article-detail .label-list span{color:#17233f;font-size:16px;left:0;position:absolute;top:0}.detail-content-new .Page .detail-content-left .article-detail .label-list a{background:#f6f7f8;border-radius:2px;color:#6b7484;display:inline-block;height:30px;line-height:30px;margin:0 12px 15px 0;max-width:80%;overflow:hidden;padding:0 20px;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-left .article-detail .label-list a.cur,.detail-content-new .Page .detail-content-left .article-detail .label-list a:hover{background:#3e71f6;color:#fff}.detail-content-new .Page .detail-content-left .article-detail .action-box{text-align:center}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li{display:inline-block;list-style:none;position:relative;width:105px}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li:last-child{margin-bottom:0}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li.share:hover .bdsharebuttonbox{display:block}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li .bdsharebuttonbox{left:8px}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong{display:inline-block;font-weight:400;position:relative;text-align:center;width:80px}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.is-praise a i{background:url("https://s2.51cto.com/images/100/blog/old/zan1.png") no-repeat top;background-size:47px 47px;display:inline-block;height:47px;width:47px}.webp .detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.is-praise a i{background-image:url("https://s2.51cto.com/images/100/blog/old/zan1.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.is-praise.on a i{background:url("https://s2.51cto.com/images/100/blog/old/zan2.png") no-repeat top;background-size:47px 47px}.webp .detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.is-praise.on a i{background-image:url("https://s2.51cto.com/images/100/blog/old/zan2.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.is-praise.no-praise a i,.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.is-praise.on.no-praise a i{background:url("https://s2.51cto.com/images/100/blog/old/zan.gif") no-repeat top;background-size:47px 47px}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.favorites-opt a i{background:url("https://s2.51cto.com/images/100/blog/old/ping1.png") no-repeat top;background-size:47px 47px;display:inline-block;height:47px;width:47px}.webp .detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.favorites-opt a i{background-image:url("https://s2.51cto.com/images/100/blog/old/ping1.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.favorites-opt.on a i{background:url("https://s2.51cto.com/images/100/blog/old/ping2.png") no-repeat top;background-size:47px 47px}.webp .detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.favorites-opt.on a i{background-image:url("https://s2.51cto.com/images/100/blog/old/ping2.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.favorites-opt.no-favorites a i,.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.favorites-opt.on.no-favorites a i{background:url("https://s2.51cto.com/images/100/blog/old/ping.gif") no-repeat top;background-size:47px 47px}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong:hover a{box-shadow:0 8px 16px 0 rgba(23,35,63,.12)}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a{background:#fff;border:1px solid #f4f4f4;border-radius:47px;box-shadow:0 8px 16px 0 rgba(23,35,63,.04);display:block;height:47px;line-height:47px;margin:0 auto 5px;width:47px}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a i{color:#818797}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a i.blogshang,.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a i.blogzan{font-size:19px}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a i.blogshou{font-size:21px}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a i.blogpinglun{font-size:19px}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a i.blogfen{font-size:23px}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong a i.blogzhi{font-size:18px}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong span{color:#979da9;line-height:1}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong span b{font-weight:400}.detail-content-new .Page .detail-content-left .article-detail .action-box ul li strong.on a i{color:#3e71f6}.detail-content-new .Page .detail-content-left .article-detail .lists{margin-top:40px}.detail-content-new .Page .detail-content-left .article-detail .lists p{color:#818797;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-left .article-detail .lists p a{color:#818797}.detail-content-new .Page .detail-content-left .article-detail .lists p a:hover{color:#17233f}.detail-content-new .Page .detail-content-left .article-detail .lists p:last-child{text-align:right}.detail-content-new .Page .detail-content-left .article-edit{margin-bottom:10px;margin-top:10px}.detail-content-new .Page .detail-content-left .article-edit a{color:#9399a6;display:inline-block;font-size:12px;height:23px;line-height:23px;margin-left:20px}.detail-content-new .Page .detail-content-left .article-edit a:hover{color:#3e71f6}.detail-content-new .Page .detail-content-left .article-edit a i{float:left;font-size:14px;margin-right:5px;opacity:.8}.detail-content-new .Page .detail-content-left .common-sub-title{border-bottom:1px solid #f5f5f5;height:48px;line-height:48px;margin-bottom:3px}.detail-content-new .Page .detail-content-left .common-sub-title h2,.detail-content-new .Page .detail-content-left .common-sub-title strong{color:#333;display:inline-block;font-size:20px}.detail-content-new .Page .detail-content-left .common-sub-title .more{color:#999}.detail-content-new .Page .detail-content-left .comment-textarea{padding-top:20px}.detail-content-new .Page .detail-content-left .comment-textarea .avatar{float:left;height:40px;margin-right:15px;position:relative;width:40px}.detail-content-new .Page .detail-content-left .comment-textarea .avatar img{border-radius:40px;height:40px;width:40px}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box{float:left;width:749px}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-show{background:#fff;border:1px solid #e5e5e5;border-radius:2px;box-sizing:border-box;color:#818797;cursor:pointer;height:44px;line-height:44px;margin-bottom:20px;position:relative}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-show span{display:inline-block;overflow:hidden;padding-left:15px;text-overflow:ellipsis;white-space:nowrap;width:80%}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-show strong{background:#f5f5f5;border-left:1px solid #e5e5e5;display:inline-block;height:42px;line-height:42px;position:absolute;right:0;text-align:center;top:0;width:78px}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-hide{display:none}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-hide .top{margin-bottom:10px}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-hide .top textarea{background:#fff;border:1px solid #e5e5e5;border-radius:2px;box-sizing:border-box;color:#17233f;height:78px;outline:0;padding:12px 15px;resize:none;width:100%}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-hide .bot .publish-btn{background:#3e71f6;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;height:35px;line-height:35px;text-align:center;width:110px}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box .textarea-hide .bot span{color:#9399a6;font-size:12px;line-height:35px;margin-right:16px}.detail-content-new .Page .detail-content-left .comment-num{border-bottom:1px solid #f5f5f5;color:#333;font-size:20px;height:56px;line-height:56px}.detail-content-new .Page .detail-content-left .comment-num span{color:#999}.detail-content-new .Page .detail-content-left .comment-num span b{font-weight:400}.detail-content-new .Page .detail-content-left .comment-num .sort{cursor:pointer;font-size:14px;font-weight:400;margin-left:15px}.detail-content-new .Page .detail-content-left .comment-num .sort.on{color:#3e71f6}.detail-content-new .Page .detail-content-left .comment-num .sort .iconblog{float:left;font-size:14px;margin-right:5px}.detail-content-new .Page .detail-content-left .comment-box{padding-bottom:27px}.detail-content-new .Page .detail-content-left .comment-List-box .floor-1{border-bottom:1px solid #f5f5f5;padding-top:25px}.detail-content-new .Page .detail-content-left .comment-List-box .floor-1.floor-n{display:none}.detail-content-new .Page .detail-content-left .comment-List-box .floor-2{padding-left:50px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List{display:flex;padding-bottom:25px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .avatar{float:left;height:40px;margin-right:10px;margin-top:4px;position:relative;width:40px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .avatar img{border-radius:40px;height:40px;width:40px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail{float:left;width:754px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail h3{color:#17233f;font-size:14px;height:28px;line-height:1;line-height:28px;margin-bottom:4px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail h3 .tag{background:#ebf1fe;border-radius:2px;color:#3e71f6;display:inline-block;font-size:12px;height:20px;line-height:20px;margin-left:7px;margin-top:4px;padding:0 8px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail h3 i{font-style:normal;margin:0 12px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail h3 .time{color:#9399a6;font-size:14px;font-weight:400}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .reply-content{background:#f9f9fa;border-radius:2px;color:#9399a6;font-size:16px;margin-bottom:12px;margin-top:17px;padding:10px 15px;word-break:break-word}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .content{color:#17233f;font-size:16px;margin-bottom:12px;word-break:break-word}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .action{height:23px;line-height:23px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .action span{color:#9399a6;cursor:pointer;float:left;margin-right:20px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .action span:hover i{color:#818797}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .action span.on,.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .action span.on i{color:#3e71f6}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .action span i{color:#c5c8cf;float:left;margin-right:6px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .action span b{font-weight:400}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .textarea-hide{margin-top:25px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .textarea-hide .top{margin-bottom:10px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .textarea-hide .top textarea{background:#fff;border:1px solid #e5e5e5;border-radius:2px;box-sizing:border-box;color:#17233f;height:78px;outline:0;padding:12px 15px;resize:none;width:100%}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .textarea-hide .bot .publish-btn{background:#3e71f6;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-weight:400;height:32px;line-height:32px;text-align:center;width:110px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail .textarea-hide .bot span{color:#9399a6;cursor:pointer;line-height:35px;margin-right:16px}.detail-content-new .Page .detail-content-left .comment-List-box .more-toggle{color:#17233f;cursor:pointer;display:inline-block;padding-bottom:25px;padding-right:20px;position:relative}.detail-content-new .Page .detail-content-left .comment-List-box .more-toggle:hover,.detail-content-new .Page .detail-content-left .comment-List-box .more-toggle:hover i{color:#3e71f6}.detail-content-new .Page .detail-content-left .comment-List-box .more-toggle i{color:#9399a6;position:absolute;right:0;top:-2px;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg)}.detail-content-new .Page .detail-content-left .pagination{font-size:12px;margin:60px auto 0;text-align:center}.detail-content-new .Page .detail-content-left .pagination li{border-radius:2px;color:#666;display:inline-block;font-size:14px;height:30px;line-height:30px;margin:0 6px;overflow:hidden;text-align:center}.detail-content-new .Page .detail-content-left .pagination li.disabled,.detail-content-new .Page .detail-content-left .pagination li.disabled:hover{color:#333;cursor:default;font-size:12px;padding:0}.detail-content-new .Page .detail-content-left .pagination li:last-child.last.disabled{color:#999;font-size:12px}.detail-content-new .Page .detail-content-left .pagination li a{background:#f3f4f5;color:#666;display:block;height:30px;line-height:30px;padding:0;text-align:center;width:30px}.detail-content-new .Page .detail-content-left .pagination li a:hover{background:#edeeef;color:#333;font-size:14px}.detail-content-new .Page .detail-content-left .pagination li.active a{color:#333;font-size:14px}.detail-content-new .Page .detail-content-left .pagination li.active b{background:#4973ee;color:#fff;display:block;font-weight:400;line-height:30px;padding:0;text-align:center;width:30px}.detail-content-new .Page .detail-content-left .pagination li.first a,.detail-content-new .Page .detail-content-left .pagination li.first_page a,.detail-content-new .Page .detail-content-left .pagination li.last a,.detail-content-new .Page .detail-content-left .pagination li.last_page a,.detail-content-new .Page .detail-content-left .pagination li.next a,.detail-content-new .Page .detail-content-left .pagination li.prev a{text-align:center;width:30px}.detail-content-new .Page .detail-content-left .pagination li.next:hover a,.detail-content-new .Page .detail-content-left .pagination li.prev:hover a{font-size:14px}.detail-content-new .Page .detail-content-left .pagination li:last-child.last.noLink{background:0;border-color:transparent;margin:0}.detail-content-new .Page .detail-content-left .pagination li.prev a{background:#f3f4f5;font-family:iconblog;font-size:20px;height:30px;width:30px}.detail-content-new .Page .detail-content-left .pagination li.prev a:before{content:""}.detail-content-new .Page .detail-content-left .pagination li.prev a:hover{background:#edeeef;font-size:20px}.detail-content-new .Page .detail-content-left .pagination li.next a{background:#f3f4f5;font-family:iconblog;font-size:20px;height:30px;width:30px}.detail-content-new .Page .detail-content-left .pagination li.next a:before{content:""}.detail-content-new .Page .detail-content-left .pagination li.next a:hover{background:#edeeef;font-size:20px}.detail-content-new .Page .detail-content-left .pagination li.first,.detail-content-new .Page .detail-content-left .pagination li.last{margin:0 2px}.detail-content-new .Page .detail-content-left .pagination li.first a,.detail-content-new .Page .detail-content-left .pagination li.last a{background:0;width:auto}.detail-content-new .Page .detail-content-left .recommend-about li{border-bottom:1px solid #f5f5f5;list-style:none;padding:17px 0 16px;position:relative}.detail-content-new .Page .detail-content-left .recommend-about li .list-subjuct{background:#e9f1ff;border-radius:16px;bottom:17px;box-sizing:border-box;display:none;height:22px;line-height:22px;max-width:250px;overflow:hidden;padding:0 13px;position:absolute;right:0;text-overflow:ellipsis;white-space:nowrap;z-index:2}.detail-content-new .Page .detail-content-left .recommend-about li .list-subjuct .fontsizeIcon{color:#3e71f6;font-size:14px}.detail-content-new .Page .detail-content-left .recommend-about li .list-subjuct span{color:#3e71f6;font-family:PingFang SC;font-size:12px;font-weight:500}.detail-content-new .Page .detail-content-left .recommend-about li:last-child{border-bottom:none}.detail-content-new .Page .detail-content-left .recommend-about li a,.detail-content-new .Page .detail-content-left .recommend-about li:hover .list-subjuct{display:block}.detail-content-new .Page .detail-content-left .recommend-about li .pic{background:#f7f7f8;float:right;height:45px;line-height:45px;margin-left:15px;margin-top:6px;position:relative;text-align:center;width:74px}.detail-content-new .Page .detail-content-left .recommend-about li .pic img{border-radius:2px;bottom:0;left:0;margin:auto;max-height:45px;max-width:74px;position:absolute;right:0;top:0}.detail-content-new .Page .detail-content-left .recommend-about li .pic span{background:rgba(0,0,0,.4);border-radius:1px;bottom:4px;color:#f5f5f5;font-size:12px;height:16px;line-height:20px;position:absolute;right:4px;text-align:center;width:25px}.detail-content-new .Page .detail-content-left .recommend-about li .tit{color:#17233f;font-size:18px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-left .recommend-about li .tit em{color:#cd4b50;font-style:normal}.detail-content-new .Page .detail-content-left .recommend-about li .tit:hover{color:#3e71f6}.detail-content-new .Page .detail-content-left .recommend-about li .tit:hover em{color:#cd4b50}.detail-content-new .Page .detail-content-left .recommend-about li p{color:#585858;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-left .recommend-about li p em{color:#cd4b50;font-style:normal}.detail-content-new .Page .detail-content-left .recommend-cloumn li{border-bottom:1px solid #f5f5f5;list-style:none;padding:25px 0}.detail-content-new .Page .detail-content-left .recommend-cloumn li:last-child{border-bottom:none}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dt{float:left;height:116px;margin-right:10px;width:213px}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dt img{height:116px;width:213px}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd{float:left;width:580px}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd h3{font-weight:400;line-height:1;margin:5px 0 10px}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd h3:hover .cloumn-subscribe{display:block}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd h3 .title{display:inline-block;max-width:455px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd h3 .title:hover{color:#3e71f6}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd h3 .cloumn-subscribe{color:#3e71f6;display:none;float:right;font-size:12px}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd .dec{color:#9399a6;line-height:1;margin-bottom:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd .mess{color:#9399a6;line-height:1;margin-bottom:20px}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd .mess b{background:#9399a6;display:inline-block;height:14px;margin:0 6px;width:1px}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd .price{line-height:1}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd .price span{color:#17233f;padding-right:18px}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd .price strong{color:#9399a6;font-weight:400}.detail-content-new .Page .detail-content-left .recommend-course{margin:20px 0 15px}.detail-content-new .Page .detail-content-left .recommend-course li{float:left;list-style:none;margin-left:21px;width:185px}.detail-content-new .Page .detail-content-left .recommend-course li:first-child{margin-left:0}.detail-content-new .Page .detail-content-left .recommend-course li:nth-child(5),.detail-content-new .Page .detail-content-left .recommend-course li:nth-child(6){display:none}.detail-content-new .Page .detail-content-left .recommend-course li .pic{height:112px;width:185px}.detail-content-new .Page .detail-content-left .recommend-course li .pic img{border-radius:5px;height:112px;width:185px}.detail-content-new .Page .detail-content-left .recommend-course li .main{padding-top:12px}.detail-content-new .Page .detail-content-left .recommend-course li .main h3{font-weight:400;line-height:1;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-left .recommend-course li .main h3 a{color:#17233f}.detail-content-new .Page .detail-content-left .recommend-course li .main h3 a:hover{color:#3e71f6}.detail-content-new .Page .detail-content-left .recommend-course li .main .num{color:#b4b8c1;line-height:1;margin-bottom:13px}.detail-content-new .Page .detail-content-left .recommend-course li .main .price{color:#17233f;font-size:12px;line-height:1}.detail-content-new .Page .detail-content-right{float:right;width:302px}.detail-content-new .Page .detail-content-right .common-spacing{padding:8px 20px 12px}.detail-content-new .Page .detail-content-right .common-sub-title{border-bottom:1px solid #f5f5f5;height:38px;line-height:38px}.detail-content-new .Page .detail-content-right .common-sub-title h2,.detail-content-new .Page .detail-content-right .common-sub-title strong{color:#333;display:inline-block;font-size:16px;max-width:215px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-right .common-sub-title .more{color:#999}.detail-content-new .Page .detail-content-right .fix-table{box-sizing:border-box;position:fixed;top:100px;width:298px}.detail-content-new .Page .detail-content-right .user-intr{padding:25px 10px}.detail-content-new .Page .detail-content-right .user-intr .top .avatar .avatar-img{height:65px;margin:0 auto;position:relative;width:65px}.detail-content-new .Page .detail-content-right .user-intr .top .avatar .avatar-img img{border-radius:65px;height:65px;width:65px}.detail-content-new .Page .detail-content-right .user-intr .top .username{color:#333;font-size:16px;font-weight:700;line-height:1;padding:13px 0 8px;text-align:center}.detail-content-new .Page .detail-content-right .user-intr .top .username a{color:#333;display:inline-block;font-size:16px;height:22px;line-height:22px}.detail-content-new .Page .detail-content-right .user-intr .top .username a .blog-user{display:inline-block;height:22px;max-width:185px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;word-break:break-all}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon{display:inline-block;margin-left:-2px;position:relative;vertical-align:middle}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul{display:inline-block}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li{float:left;height:18px;list-style:none;margin-left:5px;width:16px}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a{background:url("https://s2.51cto.com/images/100/blog/sprites/sprites_identity.png") no-repeat;background-size:16px auto;display:inline-block;height:18px;width:16px}.webp .detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a{background-image:url("https://s2.51cto.com/images/100/blog/sprites/sprites_identity.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a.qybz{background-position:0 -80px}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a.zj{background-position:0 -60px}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a.bkzx{background-position:0 0}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a.tjzx{background-position:0 -40px}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a.js{background-position:0 -20px}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a.zjbz{background-position:0 -108px;background-size:14px auto}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a.top_hr{background-position:0 -88px;background-size:14px auto}.detail-content-new .Page .detail-content-right .user-intr .top .username .icon ul li a.mrzx{background-position:-6px -257px;background-size:28px auto}.detail-content-new .Page .detail-content-right .user-intr .bottom{margin-bottom:8px}.detail-content-new .Page .detail-content-right .user-intr .bottom.loading{background:url("https://s2.51cto.com/images/100/blog/old/loading1.gif") no-repeat center 36px}.detail-content-new .Page .detail-content-right .user-intr .bottom .lines{background:#f5f5f5;height:1px;margin:0 10px}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name{text-align:center}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name:first-child ul{padding-top:0}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name:last-child ul{padding-top:11px}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul{display:inline-block;line-height:1;padding:18px 0 6px;width:100%}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul li{float:left;font-size:14px;list-style:none;text-align:center;width:25%}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul li .num{color:#17233f;font-size:18px;padding-bottom:8px}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul li .num a{color:#17233f;font-size:18px}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul li .num a:hover{color:#3e71f6}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul li .num span{font-size:17px}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul li .label-name{color:#9399a6;font-size:12px;line-height:1}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul li .label-name a{color:#9399a6}.detail-content-new .Page .detail-content-right .user-intr .bottom .num-name ul li .label-name a:hover{color:#3e71f6}.detail-content-new .Page .detail-content-right .user-intr .operating{margin-top:8px;padding-left:16px}.detail-content-new .Page .detail-content-right .user-intr .operating.operating2 button{display:block;float:none;margin:0 auto}.detail-content-new .Page .detail-content-right .user-intr .operating button{background-color:#fff;background-image:none!important;border:1px solid #789bf9;border-radius:0;border-radius:2px;cursor:pointer;float:left;height:35px;line-height:35px;padding:0;width:110px}.detail-content-new .Page .detail-content-right .user-intr .operating button:hover{border:1px solid #3d62f5}.detail-content-new .Page .detail-content-right .user-intr .operating button:hover a,.detail-content-new .Page .detail-content-right .user-intr .operating button:hover a i{color:#3d62f5}.detail-content-new .Page .detail-content-right .user-intr .operating button a{color:#3e71f6;display:inline-block;font-size:14px;height:35px;line-height:35px}.detail-content-new .Page .detail-content-right .user-intr .operating button a i{float:left;font-size:18px;margin-right:5px}.detail-content-new .Page .detail-content-right .user-intr .operating .checkFollow{background:#3e71f6;border:none;border-radius:0;border-radius:2px;box-sizing:border-box;color:#666;color:#fff;float:left;font-size:14px;height:35px;line-height:35px;margin:0 25px 0 0;text-align:center;width:110px}.detail-content-new .Page .detail-content-right .user-intr .operating .checkFollow.in,.detail-content-new .Page .detail-content-right .user-intr .operating .checkFollow.mutual{background:0;border:1px solid #789bf9;color:#3e71f6;padding-left:0}.detail-content-new .Page .detail-content-right .user-intr .operating .checkFollow.on{background:#3e71f6;font-family:iconblog;padding-left:30px;text-align:left}.detail-content-new .Page .detail-content-right .user-intr .operating .checkFollow.on:before{content:"";font-size:20px;vertical-align:bottom}.detail-content-new .Page .detail-content-right .user-intr .operating .checkFollow.on:hover{background:#3d62f5}.detail-content-new .Page .detail-content-right .user-intr .operating .checkFollow.off{background:#ddd;padding-left:0}.detail-content-new .Page .detail-content-right .blogger-ranking .rank-list{margin-bottom:10px}.detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a{box-sizing:border-box;color:#6c7486;display:block;height:48px;line-height:48px;padding-left:25px;position:relative;width:100%}.detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a:after{background:url("https://s2.51cto.com/images/100/blog/list/css_sprites_0913.png") no-repeat;content:"";height:90px;position:absolute;right:-5px;top:-20px;transform:scale(.45);width:90px}.webp .detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a:after{background-image:url("https://s2.51cto.com/images/100/blog/list/css_sprites_0913.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a.new{background:url("https://s2.51cto.com/images/100/blog/list/blist1.png") no-repeat;background-size:100% 100%}.webp .detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a.new{background-image:url("https://s2.51cto.com/images/100/blog/list/blist1.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a.new:after{background-position:-2px -2px}.detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a.week{background:url("https://s2.51cto.com/images/100/blog/list/blist3.png") no-repeat;background-size:100% 100%}.webp .detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a.week{background-image:url("https://s2.51cto.com/images/100/blog/list/blist3.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a.week:after{background-position:-96px -2px}.detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a.default{background:url("https://s2.51cto.com/images/100/blog/list/blist2.png") no-repeat;background-size:100% 100%}.webp .detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a.default{background-image:url("https://s2.51cto.com/images/100/blog/list/blist2.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a.default:after{background-position:-2px -96px}.detail-content-new .Page .detail-content-right .blogger-ranking .rank-list a b{font-weight:700;margin-left:5px}.detail-content-new .Page .detail-content-right .blogger-ranking .rank-list:last-child{margin-bottom:0}.detail-content-new .Page .detail-content-right .identify-list{padding:0 14px 5px}.detail-content-new .Page .detail-content-right .identify-list .item{padding-bottom:5px;text-align:center}.detail-content-new .Page .detail-content-right .identify-list .item span{box-sizing:border-box;display:inline-block;height:25px;line-height:25px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-right .identify-list .item span i{float:left;height:22px;margin-right:4px;width:20px}.detail-content-new .Page .detail-content-right .identify-list .item.item1 span i{background:url("https://s2.51cto.com/images/100/blog/sprites/sprites_detail_new.png") no-repeat;background-position:-5px -5px;background-size:90px auto}.webp .detail-content-new .Page .detail-content-right .identify-list .item.item1 span i{background-image:url("https://s2.51cto.com/images/100/blog/sprites/sprites_detail_new.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-right .identify-list .item.item2 span i{background:url("https://s2.51cto.com/images/100/blog/sprites/sprites_detail_new.png") no-repeat;background-position:-35px -5px;background-size:90px auto}.webp .detail-content-new .Page .detail-content-right .identify-list .item.item2 span i{background-image:url("https://s2.51cto.com/images/100/blog/sprites/sprites_detail_new.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-right .identify-list .item.item3 span i{background:url("https://s2.51cto.com/images/100/blog/sprites/sprites_detail_new.png") no-repeat;background-position:-65px -5px;background-size:90px auto}.webp .detail-content-new .Page .detail-content-right .identify-list .item.item3 span i{background-image:url("https://s2.51cto.com/images/100/blog/sprites/sprites_detail_new.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-right .identify-list .item.item4 span i{background:url("https://s2.51cto.com/images/100/blog/sprites/sprites_detail_new.png") no-repeat;background-position:-5px -37px;background-size:90px auto}.webp .detail-content-new .Page .detail-content-right .identify-list .item.item4 span i{background-image:url("https://s2.51cto.com/images/100/blog/sprites/sprites_detail_new.png?x-oss-process=image/format,webp")}.detail-content-new .Page .detail-content-right .medal-list{display:flex;flex-wrap:wrap;margin-bottom:6px;padding:0 11px}.detail-content-new .Page .detail-content-right .medal-list .item{cursor:pointer;display:flex;height:42.5px;justify-content:center;margin-bottom:9px;width:52px}.detail-content-new .Page .detail-content-right .medal-list .item img{height:40.5px;width:36px}.detail-content-new .Page .detail-content-right .common-list{padding:7px 0 3px}.detail-content-new .Page .detail-content-right .common-list.common-list-dot li .title a,.detail-content-new .Page .detail-content-right .common-list.common-list-dot li a.title{padding-left:10px}.detail-content-new .Page .detail-content-right .common-list.common-list-dot li .title a:before,.detail-content-new .Page .detail-content-right .common-list.common-list-dot li a.title:before{background:#b9bdc5;border-radius:4px;content:"";display:inline-block;height:4px;left:0;position:absolute;top:10px;width:4px}.detail-content-new .Page .detail-content-right .common-list#classification-list li a:hover span{color:#3e71f6}.detail-content-new .Page .detail-content-right .common-list#classification-list li span:first-child{display:inline-block;max-width:206px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-right .common-list#classification-list li span:last-child{color:#5c6578;float:right}.detail-content-new .Page .detail-content-right .common-list li{list-style:none;padding:5px 0}.detail-content-new .Page .detail-content-right .common-list li:last-child{padding-bottom:0}.detail-content-new .Page .detail-content-right .common-list li a{color:#17233f;display:block;font-size:14px;font-weight:400;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-right .common-list li a:hover{color:#3e71f6}.detail-content-new .Page .detail-content-right .common-list li .dec{color:#9399a6;font-size:12px;overflow:hidden;padding-left:10px;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-right .common-list li .dec a{color:#9399a6;font-size:12px}.detail-content-new .Page .detail-content-right .common-list-lines{background:#f5f5f5;height:1px;margin-bottom:15px;margin-top:15px}.detail-content-new .Page .detail-content-right .years{color:#17233f}.detail-content-new .Page .detail-content-right .years a{color:#17233f;display:inline-block}.detail-content-new .Page .detail-content-right .years a:hover{color:#3e71f6}.detail-content-new .Page .detail-content-right .months{margin-top:10px}.detail-content-new .Page .detail-content-right .months a{border:1px solid #f0f0f0;display:block;float:left;height:55px;margin:0 20px 10px 0;text-align:center;width:48px}.detail-content-new .Page .detail-content-right .months a:hover span,.detail-content-new .Page .detail-content-right .months a:hover strong{color:#3e71f6}.detail-content-new .Page .detail-content-right .months a:nth-child(4n){margin-right:0}.detail-content-new .Page .detail-content-right .months a span{color:#9399a6;display:block;margin-bottom:2px;padding:1px 0;position:relative}.detail-content-new .Page .detail-content-right .months a span:after{background:#f5f5f5;bottom:0;content:"";height:1px;left:50%;margin-left:-12px;position:absolute;width:25px}.detail-content-new .Page .detail-content-right .months a strong{display:block;font-weight:400}.detail-content-new .Page .detail-content-right .nowYear{margin-top:15px}.detail-content-new .Page .detail-content-right .otherYear .years a{float:left;padding:3px 0;width:50%}.detail-content-new .Page .detail-content-right .directory{max-height:402px;overflow-x:hidden}.detail-content-new .Page .detail-content-right .directory::-webkit-scrollbar{display:none}.detail-content-new .Page .detail-content-right .directory-list{border-left:2px solid #f8f8f9;margin-bottom:20px;margin-top:12px;padding-left:12px}.detail-content-new .Page .detail-content-right .directory-list li{list-style:none}.detail-content-new .Page .detail-content-right .directory-list li:first-child{margin-bottom:7px}.detail-content-new .Page .detail-content-right .directory-list li span{cursor:pointer;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-right .directory-list li:hover span{color:#3e71f6}.detail-content-new .Page .detail-content-right .directory-list li.lv1{margin-bottom:7px}.detail-content-new .Page .detail-content-right .directory-list li.lv1.on .title span{color:#3e71f6}.detail-content-new .Page .detail-content-right .directory-list li.lv1.on .title:before{background:#3e71f6;content:"";display:inline-block;height:18px;left:-14px;position:absolute;top:3px;width:2px}.detail-content-new .Page .detail-content-right .directory-list li.lv1 .title{font-weight:400;position:relative}.detail-content-new .Page .detail-content-right .directory-list li.lv2,.detail-content-new .Page .detail-content-right .directory-list li.lv3{margin-bottom:5px}.detail-content-new .Page .detail-content-right .directory-list li.lv2.on .title span,.detail-content-new .Page .detail-content-right .directory-list li.lv3.on .title span{color:#3e71f6}.detail-content-new .Page .detail-content-right .directory-list li.lv2 .title,.detail-content-new .Page .detail-content-right .directory-list li.lv3 .title{font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-right .directory-list li.lv2 .title:before,.detail-content-new .Page .detail-content-right .directory-list li.lv3 .title:before{background:#b9bdc5;border-radius:4px;content:"";float:left;height:4px;margin:8px 6px 0 0;width:4px}.detail-content-new .Page .detail-content-right .directory-list li.lv2.lv3,.detail-content-new .Page .detail-content-right .directory-list li.lv3.lv3{margin-left:12px}.detail-content-new .Page .detail-content-right .label-list .tag-text{color:#9399a6;display:inline;font-size:13px;line-height:35px;margin-right:15px;word-break:break-all}.detail-content-new .Page .detail-content-right .label-list .tag-text:hover{color:#7d828c}.detail-content-new .Page .detail-content-right .label-list .tag-text:nth-child(3n-2){color:#b6c2bb}.detail-content-new .Page .detail-content-right .label-list .tag-text:nth-child(3n-2):hover{color:#9ea8a2}.detail-content-new .Page .detail-content-right .label-list .tag-text:nth-child(3n-1){color:#e0d6d1}.detail-content-new .Page .detail-content-right .label-list .tag-text:nth-child(3n-1):hover{color:#c7beb9}.detail-content-new .Page .detail-content-directory{display:none;position:fixed;width:302px}.detail-content-new .Page .detail-content-directory .common-spacing{padding:8px 20px 12px}.detail-content-new .Page .detail-content-directory .common-sub-title{border-bottom:1px solid #efeff1;height:38px;line-height:38px}.detail-content-new .Page .detail-content-directory .common-sub-title h2,.detail-content-new .Page .detail-content-directory .common-sub-title strong{color:#333;display:inline-block;font-size:16px;max-width:215px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .detail-content-directory .common-sub-title .iconblog{color:#9399a6;cursor:pointer;float:right;font-size:12px;font-weight:700}.detail-content-new .Page .detail-content-directory .common-sub-title .iconblog:hover{color:#313d54}.detail-content-new .Page .common-content-directory.fix-table{box-sizing:border-box;position:fixed;top:100px;width:298px}.detail-content-new .Page .common-content-directory .directory{max-height:402px;overflow-x:hidden}.detail-content-new .Page .common-content-directory .directory::-webkit-scrollbar{display:none}.detail-content-new .Page .common-content-directory .directory-list{border-left:2px solid #f8f8f9;margin-bottom:20px;margin-top:12px;padding-left:12px}.detail-content-new .Page .common-content-directory .directory-list li{list-style:none}.detail-content-new .Page .common-content-directory .directory-list li:first-child{margin-bottom:7px}.detail-content-new .Page .common-content-directory .directory-list li span{cursor:pointer;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .common-content-directory .directory-list li:hover span{color:#3e71f6}.detail-content-new .Page .common-content-directory .directory-list li.lv1{margin-bottom:7px}.detail-content-new .Page .common-content-directory .directory-list li.lv1.on .title span{color:#3e71f6}.detail-content-new .Page .common-content-directory .directory-list li.lv1.on .title:before{background:#3e71f6;content:"";display:inline-block;height:18px;left:-14px;position:absolute;top:3px;width:2px}.detail-content-new .Page .common-content-directory .directory-list li.lv1 .title{font-weight:400;position:relative}.detail-content-new .Page .common-content-directory .directory-list li.lv2,.detail-content-new .Page .common-content-directory .directory-list li.lv3,.detail-content-new .Page .common-content-directory .directory-list li.lv4{margin-bottom:5px}.detail-content-new .Page .common-content-directory .directory-list li.lv2.on .title span,.detail-content-new .Page .common-content-directory .directory-list li.lv3.on .title span,.detail-content-new .Page .common-content-directory .directory-list li.lv4.on .title span{color:#3e71f6}.detail-content-new .Page .common-content-directory .directory-list li.lv2 .title,.detail-content-new .Page .common-content-directory .directory-list li.lv3 .title,.detail-content-new .Page .common-content-directory .directory-list li.lv4 .title{font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-content-new .Page .common-content-directory .directory-list li.lv2 .title:before,.detail-content-new .Page .common-content-directory .directory-list li.lv3 .title:before,.detail-content-new .Page .common-content-directory .directory-list li.lv4 .title:before{background:#b9bdc5;border-radius:4px;content:"";float:left;height:4px;margin:8px 6px 0 0;width:4px}.detail-content-new .Page .common-content-directory .directory-list li.lv2.lv3,.detail-content-new .Page .common-content-directory .directory-list li.lv3.lv3,.detail-content-new .Page .common-content-directory .directory-list li.lv4.lv3{margin-left:12px}.detail-content-new .Page .common-content-directory .directory-list li.lv2.lv4,.detail-content-new .Page .common-content-directory .directory-list li.lv3.lv4,.detail-content-new .Page .common-content-directory .directory-list li.lv4.lv4{margin-left:24px}.action-aside{left:50%;margin:-265px 0 0 -703px;position:fixed;top:50%;z-index:999}.action-aside.action-aside-right{bottom:200px;left:auto;margin:0;right:30px;top:auto}.action-aside ul li{list-style:none;margin-bottom:15px;position:relative}.action-aside ul li:last-child{margin-bottom:0}.action-aside ul li.share:hover .bdsharebuttonbox{display:block}.action-aside ul li.scrollTop{display:none}.action-aside ul li strong{display:inline-block;font-weight:400;position:relative;text-align:center;width:80px}.action-aside ul li strong:hover a{box-shadow:0 8px 16px 0 rgba(23,35,63,.12)}.action-aside ul li strong.is-praise a i{background:url("https://s2.51cto.com/images/100/blog/old/zan1.png") no-repeat top;background-size:47px 47px;display:inline-block;height:47px;width:47px}.webp .action-aside ul li strong.is-praise a i{background-image:url("https://s2.51cto.com/images/100/blog/old/zan1.png?x-oss-process=image/format,webp")}.action-aside ul li strong.is-praise.on a i{background:url("https://s2.51cto.com/images/100/blog/old/zan2.png") no-repeat top;background-size:47px 47px}.webp .action-aside ul li strong.is-praise.on a i{background-image:url("https://s2.51cto.com/images/100/blog/old/zan2.png?x-oss-process=image/format,webp")}.action-aside ul li strong.is-praise.no-praise a i,.action-aside ul li strong.is-praise.on.no-praise a i{background:url("https://s2.51cto.com/images/100/blog/old/zan.gif") no-repeat top;background-size:47px 47px}.action-aside ul li strong.favorites-opt a i{background:url("https://s2.51cto.com/images/100/blog/old/ping1.png") no-repeat top;background-size:47px 47px;display:inline-block;height:47px;width:47px}.webp .action-aside ul li strong.favorites-opt a i{background-image:url("https://s2.51cto.com/images/100/blog/old/ping1.png?x-oss-process=image/format,webp")}.action-aside ul li strong.favorites-opt.on a i{background:url("https://s2.51cto.com/images/100/blog/old/ping2.png") no-repeat top;background-size:47px 47px}.webp .action-aside ul li strong.favorites-opt.on a i{background-image:url("https://s2.51cto.com/images/100/blog/old/ping2.png?x-oss-process=image/format,webp")}.action-aside ul li strong.favorites-opt.no-favorites a i,.action-aside ul li strong.favorites-opt.on.no-favorites a i{background:url("https://s2.51cto.com/images/100/blog/old/ping.gif") no-repeat top;background-size:47px 47px}.action-aside ul li strong.sign{cursor:pointer}.action-aside ul li strong.sign a{position:relative}.action-aside ul li strong.sign a .dot{background:#e90d31;border-radius:50%;content:"";display:inline-block;height:5px;position:absolute;right:13px;top:10px;width:5px}.action-aside ul li strong.sign a i{font-size:24px}.action-aside ul li strong a{background:#fff;border:1px solid #f4f4f4;border-radius:47px;box-shadow:0 8px 16px 0 rgba(23,35,63,.04);display:block;height:47px;line-height:47px;margin:0 auto 5px;width:47px}.action-aside ul li strong a i{color:#8a92a5}.action-aside ul li strong a i.blogshang,.action-aside ul li strong a i.blogzan{font-size:19px}.action-aside ul li strong a i.blogshou{font-size:21px}.action-aside ul li strong a i.blogpinglun{font-size:19px}.action-aside ul li strong a i.blogfen{font-size:23px}.action-aside ul li strong a i.blogzhi{font-size:18px}.action-aside ul li strong a i.bloggengduo{font-size:24px}.action-aside ul li strong span{color:#979da9;line-height:1}.action-aside ul li strong span b{font-weight:400}.action-aside ul li strong.on a i{color:#3e71f6}.action-aside ul li strong .new{background:#e31436;border-radius:10px 10px 10px 2px;color:#fff;display:inline-block;font-size:12px;font-style:normal;line-height:1;padding:2px 5px;position:absolute;right:-7px;top:-4px}.bdsharebuttonbox{display:none;left:75px;padding-top:20px;position:absolute;top:-89px;z-index:99}.bdsharebuttonbox .ins{background:#fff;border-radius:2px;box-shadow:0 8px 16px 0 hsla(0,0%,40%,.1);padding:10px 0 8px;position:absolute;text-align:center;width:90px}.bdsharebuttonbox .ins a{background:0;color:#2e3d56;display:inline-block;float:none;font-size:12px;height:32px;line-height:32px;margin:0 0 2px;padding-left:0;width:55px}.bdsharebuttonbox .ins a:hover,.bdsharebuttonbox .ins a:hover i{color:#3e71f6}.bdsharebuttonbox .ins a i{color:#818797;float:left;margin-right:8px}.bdsharebuttonbox .ins a i.blogfenxiangweibo{font-size:19px}.bdsharebuttonbox .ins a i.blogfenxiangqq{font-size:18px}.bdsharebuttonbox .ins a i.blogfenxiangweixin{font-size:20px}.bdsharebuttonbox .ins img{height:59px;width:59px}.Footer{margin-top:60px!important}.footer{background-color:#f7f8f9;color:#9fa3a7;font-size:12px;padding:36px 0;text-align:center}.set-right{-webkit-animation:right-to-left .3s linear;animation:right-to-left .3s linear;right:0;z-index:9}.reset-right,.set-right{float:none!important;position:absolute;top:0}.reset-right{-webkit-animation:left-to-right .3s linear;animation:left-to-right .3s linear;right:326px}.arrowing{animation-duration:1s;-webkit-animation-duration:1s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-name:arrowing;-webkit-animation-name:arrowing}@keyframes right-to-left{0%{right:326px}to{right:0}}@-webkit-keyframes right-to-left{0%{right:326px}to{right:0}}@keyframes left-to-right{0%{right:0}to{right:326px}}@-webkit-keyframes left-to-right{0%{right:0}to{right:326px}}@keyframes arrowing{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@-webkit-keyframes arrowing{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(.9)}to{-webkit-transform:scale(1)}}*{-webkit-font-smoothing:antialiased;font-family:-apple-system,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,WenQuanYi Micro Hei,Microsoft Yahei,sans-serif;margin:0;padding:0}a{color:#333;text-decoration:none}textarea{resize:none}button,input,input[type=button]{outline:0}button,input[type=button]{background-color:#00baf2;border:none;color:#fff;cursor:pointer;line-height:30px;padding:0 20px}button:hover,input[type=button]:hover{opacity:.9}img{border:none}body{color:#333;font-size:14px;line-height:1.75;text-align:left}.disabled{background:#999}.del{text-decoration:line-through}.clear{height:0;overflow:hidden;width:0}.clear,.clearfix{clear:both}.clearfix:after{clear:both;content:"";display:block}.Left,.fl{float:left}.Right,.fr{float:right}.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}.fb{font-weight:700}.bluebg{background:#00baf2}.blue{color:#00baf2}.redbg{background:#ff4a56}.red{color:#ff4a56}.red:hover{color:#950b11}.Mask,.mask{background:rgba(0,0,0,.8);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}label{margin-bottom:0!important}.blue-btn{background:#4285f4;border:1px solid #4285f4;color:#fff;cursor:pointer}.disabled-btn{background:#ddd;border:1px solid #ddd;color:#fff}.blue-btn:hover{background:#3c78dc;border:1px solid #3c78dc;color:#fff}.gray-btn{background:#fff;border:1px solid #ccc;color:#333;cursor:pointer}.gray-btn:hover{background:#e6e6e6;color:#000}.editor-side-new{font-size:16px;word-break:break-all}.editor-side-new blockquote{background:#f2f5f9;border-left:.2rem solid #4285f4;color:#819198;margin:1rem 0;padding:.8rem 1.2rem}.editor-side-new blockquote h1:last-child,.editor-side-new blockquote h2:last-child,.editor-side-new blockquote h3:last-child,.editor-side-new blockquote h4:last-child,.editor-side-new blockquote h5:last-child,.editor-side-new blockquote h6:last-child,.editor-side-new blockquote li:last-child,.editor-side-new blockquote ol:last-child,.editor-side-new blockquote p:last-child,.editor-side-new blockquote ul:last-child{margin-bottom:0}.editor-side-new blockquote p{font-size:16px;font-weight:400;line-height:1.7}@media screen and (max-width:1440px){.body_padding{padding-bottom:115px}.action-aside{z-index:999}.action-aside ul li{display:inline-block;margin:0 20px;width:80px}.action-aside ul li .bdsharebuttonbox{display:none;left:73px;padding-top:20px;position:absolute;top:-134px;z-index:99}.action-aside ul li strong{width:80px}.action-aside ul li strong span{font-size:12px}.action-aside ul li strong.is-praise a i{background:url("https://s2.51cto.com/images/100/blog/old/zan1.png") no-repeat 50%;background-size:41px 41px;display:inline-block;height:35px;width:35px}.webp .action-aside ul li strong.is-praise a i{background-image:url("https://s2.51cto.com/images/100/blog/old/zan1.png?x-oss-process=image/format,webp")}.action-aside ul li strong.is-praise.on a i{background:url("https://s2.51cto.com/images/100/blog/old/zan2.png") no-repeat 50%;background-size:41px 41px}.webp .action-aside ul li strong.is-praise.on a i{background-image:url("https://s2.51cto.com/images/100/blog/old/zan2.png?x-oss-process=image/format,webp")}.action-aside ul li strong.is-praise.no-praise a i,.action-aside ul li strong.is-praise.on.no-praise a i{background:url("https://s2.51cto.com/images/100/blog/old/zan.gif") no-repeat 50%;background-size:41px 41px}.action-aside ul li strong.favorites-opt a i{background:url("https://s2.51cto.com/images/100/blog/old/ping1.png") no-repeat 50%;background-size:41px 41px;display:inline-block;height:35px;width:35px}.webp .action-aside ul li strong.favorites-opt a i{background-image:url("https://s2.51cto.com/images/100/blog/old/ping1.png?x-oss-process=image/format,webp")}.action-aside ul li strong.favorites-opt.on a i{background:url("https://s2.51cto.com/images/100/blog/old/ping2.png") no-repeat 50%;background-size:41px 41px}.webp .action-aside ul li strong.favorites-opt.on a i{background-image:url("https://s2.51cto.com/images/100/blog/old/ping2.png?x-oss-process=image/format,webp")}.action-aside ul li strong.favorites-opt.no-favorites a i,.action-aside ul li strong.favorites-opt.on.no-favorites a i{background:url("https://s2.51cto.com/images/100/blog/old/ping.gif") no-repeat 50%;background-size:41px 41px}.action-aside ul li strong a{border-radius:35px;height:35px;line-height:35px;margin-bottom:0;width:35px}.action-aside ul li strong a i{color:#8a92a5}.action-aside ul li strong a i.blogshang,.action-aside ul li strong a i.blogzan{font-size:15px}.action-aside ul li strong a i.blogshou{font-size:17px}.action-aside ul li strong a i.blogpinglun{font-size:15px}.action-aside ul li strong a i.blogfen{font-size:19px}.action-aside ul li strong a i.blogzhi{font-size:13px}.action-aside ul li strong a i.bloggengduo{font-size:18px}.action-aside ul li strong.sign{cursor:pointer}.action-aside ul li strong.sign a{position:relative}.action-aside ul li strong.sign a .dot{background:#e90d31;border-radius:50%;content:"";display:inline-block;height:4px;position:absolute;right:9px;top:8px;width:4px}.action-aside ul li strong.sign a i{font-size:18px}.action-aside ul li strong .new{transform:scale(.85);-webkit-transform:scale(.85);-moz-transform:scale(.85)}.action-aside-left{bottom:0;left:0;margin:0;position:fixed;text-align:center;top:auto;width:100%}.action-aside-left .inner{margin:0 auto;width:1200px}.action-aside-left .inner ul{background:#fff;box-shadow:0 0 14px -2px #efefef;padding:10px 0;width:874px}.action-aside.action-aside-right{z-index:999}}@media screen and (max-width:1199px){.Page{width:1000px}.detail-content-new .fixtitle h3{width:720px}.detail-content-new .Page .detail-content-left{width:674px}.detail-content-new .Page .detail-content-left .main-content{max-width:none}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box{width:549px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail{width:554px}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd{float:left;width:380px}.detail-content-new .Page .detail-content-left .recommend-course{display:none}.action-aside-left .inner{width:1000px}.action-aside-left .inner ul{width:674px}.action-aside-left .inner ul li{margin:0 14px}}@media screen and (min-width:1200px)and (max-width:1580px){.Page{width:1200px}}@media screen and (min-width:1581px)and (max-width:1767px){.Page{width:1390px}.detail-content-new .Page .detail-content-left,.detail-content-new .fixtitle h3{width:1064px}.detail-content-new .Page .detail-content-left .main-content{max-width:none}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box{width:939px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail{width:944px}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd{float:left;width:771px}.detail-content-new .Page .detail-content-left .recommend-course li{margin-left:27px;width:177px}.detail-content-new .Page .detail-content-left .recommend-course li:nth-child(5){display:block}.detail-content-new .Page .detail-content-left .recommend-course li .pic,.detail-content-new .Page .detail-content-left .recommend-course li .pic img{height:107px;width:177px}.action-aside{margin:-300px 0 0 -799px}}@media screen and (min-width:1768px){.Page{width:1580px}.detail-content-new .Page .detail-content-left,.detail-content-new .fixtitle h3{width:1254px}.detail-content-new .Page .detail-content-left .main-content{max-width:none}.detail-content-new .Page .detail-content-left .comment-textarea .textarea-box{width:1129px}.detail-content-new .Page .detail-content-left .comment-List-box .comment-List .comment-detail{width:1134px}.detail-content-new .Page .detail-content-left .recommend-cloumn li dl dd{float:left;width:961px}.detail-content-new .Page .detail-content-left .recommend-course li{margin-left:24px;width:177px}.detail-content-new .Page .detail-content-left .recommend-course li:nth-child(5),.detail-content-new .Page .detail-content-left .recommend-course li:nth-child(6){display:block}.detail-content-new .Page .detail-content-left .recommend-course li .pic,.detail-content-new .Page .detail-content-left .recommend-course li .pic img{height:107px;width:177px}.action-aside{margin:-300px 0 0 -892px}}.cto-mermaid svg{cursor:zoom-in}.artical-content-bak a img{cursor:pointer!important}.imgViewDom{background:hsla(0,0%,100%,.8);display:none;height:100%;left:0;overflow:auto;position:fixed;text-align:center;top:0;width:100%;z-index:99999999}.imgViewDom .img-content{height:100%;margin:0 auto;overflow:auto;position:relative;width:100%}.imgViewDom .small-img{cursor:zoom-out;left:50%!important;margin:0 auto;position:absolute!important;text-align:center;top:50%!important;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.cto-mermaid.gantt .titleText,.imgViewDom svg .titleText{font-size:24px!important}.cto-mermaid.gantt .section0,.imgViewDom svg .section0{fill:#e2eafe!important}.cto-mermaid.gantt .task0,.cto-mermaid.gantt .task1,.cto-mermaid.gantt .task2,.cto-mermaid.gantt .task3,.imgViewDom svg .task0,.imgViewDom svg .task1,.imgViewDom svg .task2,.imgViewDom svg .task3{fill:#9eb8fa!important;stroke-width:0!important}.cto-mermaid.gantt .grid .tick line,.imgViewDom svg .grid .tick line{stroke:#c1c5cc;opacity:.5}.cto-mermaid.gantt .grid .tick text,.imgViewDom svg .grid .tick text{font-size:14px!important}.cto-mermaid.seq .actor,.imgViewDom svg .actor{stroke-width:0;fill:#f3f5f9!important}.cto-mermaid.seq .messageText,.cto-mermaid.seq .noteText>tspan,.cto-mermaid.seq text.actor>tspan,.imgViewDom svg .messageText,.imgViewDom svg .noteText>tspan,.imgViewDom svg text.actor>tspan{fill:#1a233d!important}.cto-mermaid.seq .messageText,.imgViewDom svg .messageText{stroke:none!important}.cto-mermaid.seq .note,.imgViewDom svg .note{stroke-width:0}#result img{height:auto!important}.modal-bg{background:rgba(0,0,0,.45);bottom:0;display:none;height:100vh;top:0;width:100%}.modal-bg,.modal-bg .modal{left:0;position:fixed;right:0;z-index:99999}.modal-bg .modal{background:#fff;border-radius:10px;margin:0 auto;max-height:450px;min-height:150px;overflow:hidden;padding:45px 46px;top:30%;width:450px}.modal-bg .modal .iconblog{color:#acacac;cursor:pointer;font-size:12px;position:absolute;right:12px;top:12px}.modal-bg .modal .content{-webkit-line-clamp:6;-webkit-box-orient:vertical;color:#999;display:-webkit-box;overflow:hidden;position:relative;text-overflow:ellipsis}.modal-bg .modal .content .modal-title{color:#333}.modal-bg .modal .tip-box{color:#333;margin-bottom:50px;margin-top:20px}.modal-bg .modal .tip-box .zhiCustomBtn{color:#2d66fe}.modal-bg .modal .know-box{text-align:center}.modal-bg .modal .know-box .know-btn{border:1px solid #333;border-radius:4px;cursor:pointer;display:inline-block;height:40px;line-height:40px;text-align:center;width:150px}#Msg_Question .question{padding-bottom:22px}#Msg_Question h6{font-size:20px;margin-bottom:20px}#Msg_Question p{text-align:center}#Msg_Question .msgbtn{text-align:center!important}#Msg_Question .msgbtn button{margin-bottom:20px;margin-right:0!important}.blog-link{margin-top:.7rem}.minmenu ul:before{display:none!important}.hover-ball{bottom:435px!important}.tag-box{display:flex;margin-top:10px}.tag-box .tag-item{background:#f2f2f2;border-radius:4px;color:#6a6a6a;cursor:pointer;font-size:12px;font-weight:400;line-height:18px;margin-right:10px;padding:0 9px}.tag-box .tag-item a{color:#858585}.tag-box .tag-item:hover{background:#f1f5ff;color:#3e71f6}.tag-box .tag-item:hover a{color:#3e71f6}.tag,.type{border-radius:2px;color:#fff;font-size:12px;height:18px;line-height:18px;margin-right:6px;padding:0 3px;text-align:center}.tag.type_top,.type.type_top{background:#f8b57e}.tag.type_recommend,.type.type_recommend{background:#f3c352}.tag.type_original,.type.type_original{background:#99cea4}.tag.type_reprint,.type.type_reprint{background:#84c4fa}.tag.type_translation,.type.type_translation{background:#fea4a4}.tag.type_selected,.type.type_selected{background:#84a0fa}.infomessage{background:linear-gradient(144deg,#fdf6e8,#f9eddd);border-radius:4px;color:#ae7518;display:inline-block;font-size:12px;font-weight:500;line-height:21px;margin-right:10px;padding-left:28px;padding-right:9px;position:relative}.infomessage .blogIcon{display:inline-block;left:5px;position:absolute}.infomessage b{font-weight:400;margin-right:5px}.list-subjuct{align-items:center;background:#f1f5ff;border-radius:10px;box-sizing:border-box;display:flex;height:18px;line-height:18px;margin-left:21px;padding:0 8px 0 3px}.list-subjuct .fontsizeIcon{color:#3e71f6;font-size:14px}.list-subjuct span{color:#3e71f6;font-size:12px;font-weight:500;margin-left:3px;max-width:197px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blogIcon{background-image:url("https://s2.51cto.com/blog/sprites/homeIcon12x.png");background-size:137px 80px}.webp .blogIcon{background-image:url("https://s2.51cto.com/blog/sprites/homeIcon12x.png?x-oss-process=image/format,webp")}.blogIcon-article{background-position:0 0;height:40px;width:40px}.blogIcon-huifu-2{background-position:-96px -18px;height:14px;width:20px}.blogIcon-icon_huati{background-position:-80px -39px;height:14px;width:14px}.blogIcon-icon_rank{background-position:-80px -18px;height:21px;width:16px}.blogIcon-icon_xiewenzhang{background-position:-94px -39px;height:14px;width:14px}.blogIcon-identity{background-position:-40px 0;height:40px;width:40px}.blogIcon-liulan{background-position:-116px -18px;height:14px;width:20px}.blogIcon-manager{background-position:0 -40px;height:40px;width:40px}.blogIcon-more1{background-position:-108px -39px;height:10px;width:6px}.blogIcon-more2{background-position:-114px -39px;height:10px;width:6px}.blogIcon-move{background-position:-40px -40px;height:40px;width:40px} 
</style>
             <style>.one-pan-tip { cursor: pointer;}.one-pan-tip::before {background-position: center;background-size: 100% 100%;background-repeat: no-repeat;box-sizing: border-box;width: 1em;height: 1em;margin: 0 1px .15em 1px;vertical-align: middle;display: inline-block;}.one-pan-tip-success::before {content: '';background-image: url()}.one-pan-tip-error {text-decoration: line-through;}.one-pan-tip-error::before {content: '';background-image: url()}.one-pan-tip-other::before {content: '';background-image: url()}.one-pan-tip-lock::before{content: '';background-image: url()}</style><meta name="ljjc::status" content="on"><link rel="stylesheet" href="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/pc_detailinline.min.css"><link rel="stylesheet" href="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/pc_detail.min.css"><script charset="utf-8" src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/jquery-2.2.4.min.js.下载"></script><script charset="utf-8" src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/interaction_iframe.js.下载"></script><script charset="utf-8" src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/swiper-4.5.3.js.下载"></script><script charset="utf-8" src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/svga.min.js.下载"></script><script charset="utf-8" src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/pc_base.min.js.下载"></script><script charset="utf-8" src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/mprime.js.下载"></script><script charset="utf-8" src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/index.global.js.下载"></script><script charset="utf-8" src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/lingjing.js.下载"></script><script charset="utf-8" src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/pc_detail.min.js.下载"></script><link href="https://static2.51cto.com/edu/blog/blog-static/static/css/pc_base.min.css?v=8d92ab701b" rel="prefetch"><link href="https://static2.51cto.com/edu/blog/blog-static/static/css/pc_newIndexinline.min.css?v=16927be427" rel="prefetch"><link href="https://static2.51cto.com/edu/blog/blog-static/static/css/pc_newListinline.min.css?v=8f92cf000e" rel="prefetch"><link href="https://static2.51cto.com/edu/blog/blog-static/static/css/pc_topicdetailinline.min.css?v=fc7a3eae0b" rel="prefetch"><link href="https://static2.51cto.com/edu/blog/blog-static/markdown/dist/js/main.js?v=12e5a1a2fe" rel="prefetch"><link href="https://static2.51cto.com/edu/blog/blog-static/static/js/pc_list_js.min.js?v=eab52af915" rel="prefetch"><link href="https://static2.51cto.com/edu/blog/blog-static/static/js/pc_topic_static.min.js?v=8533cb9e02" rel="prefetch"><link href="https://static2.51cto.com/edu/blog/blog-static/static/js/pc_blogger_js.min.js?v=24bf77cbf1" rel="prefetch"><style data-id="immersive-translate-input-injected-css">.immersive-translate-input {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2147483647;
  display: flex;
  justify-content: center;
  align-items: center;
}
.immersive-translate-attach-loading::after {
  content: " ";

  --loading-color: #f78fb6;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: block;
  margin: 12px auto;
  position: relative;
  color: white;
  left: -100px;
  box-sizing: border-box;
  animation: immersiveTranslateShadowRolling 1.5s linear infinite;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-2000%, -50%);
  z-index: 100;
}

.immersive-translate-loading-spinner {
  vertical-align: middle !important;
  width: 10px !important;
  height: 10px !important;
  display: inline-block !important;
  margin: 0 4px !important;
  border: 2px rgba(221, 244, 255, 0.6) solid !important;
  border-top: 2px rgba(0, 0, 0, 0.375) solid !important;
  border-left: 2px rgba(0, 0, 0, 0.375) solid !important;
  border-radius: 50% !important;
  padding: 0 !important;
  -webkit-animation: immersive-translate-loading-animation 0.6s infinite linear !important;
  animation: immersive-translate-loading-animation 0.6s infinite linear !important;
}

@-webkit-keyframes immersive-translate-loading-animation {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
  }
}

@keyframes immersive-translate-loading-animation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}


.immersive-translate-input-loading {
  --loading-color: #f78fb6;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: block;
  margin: 12px auto;
  position: relative;
  color: white;
  left: -100px;
  box-sizing: border-box;
  animation: immersiveTranslateShadowRolling 1.5s linear infinite;
}

@keyframes immersiveTranslateShadowRolling {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }

  12% {
    box-shadow: 100px 0 var(--loading-color), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }

  25% {
    box-shadow: 110px 0 var(--loading-color), 100px 0 var(--loading-color), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }

  36% {
    box-shadow: 120px 0 var(--loading-color), 110px 0 var(--loading-color), 100px 0 var(--loading-color), 0px 0 rgba(255, 255, 255, 0);
  }

  50% {
    box-shadow: 130px 0 var(--loading-color), 120px 0 var(--loading-color), 110px 0 var(--loading-color), 100px 0 var(--loading-color);
  }

  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 var(--loading-color), 120px 0 var(--loading-color), 110px 0 var(--loading-color);
  }

  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 var(--loading-color), 120px 0 var(--loading-color);
  }

  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 var(--loading-color);
  }

  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
  }
}


.immersive-translate-search-recomend {
  border: 1px solid #dadce0;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
  position: relative;
  font-size: 16px;
}

.immersive-translate-search-enhancement-en-title {
  color: #4d5156;
}

/* dark */
@media (prefers-color-scheme: dark) {
  .immersive-translate-search-recomend {
    border: 1px solid #3c4043;
  }

  .immersive-translate-close-action svg {
    fill: #bdc1c6;
  }

  .immersive-translate-search-enhancement-en-title {
    color: #bdc1c6;
  }
}


.immersive-translate-search-settings {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
}

.immersive-translate-search-recomend::before {
  /* content: " "; */
  /* width: 20px; */
  /* height: 20px; */
  /* top: 16px; */
  /* position: absolute; */
  /* background: center / contain url(''); */
}

.immersive-translate-search-title {}

.immersive-translate-search-title-wrapper {}

.immersive-translate-search-time {
  font-size: 12px;
  margin: 4px 0 24px;
  color: #70757a;
}

.immersive-translate-expand-items {
  display: none;
}

.immersive-translate-search-more {
  margin-top: 16px;
  font-size: 14px;
}

.immersive-translate-modal {
  display: none;
  position: fixed;
  z-index: 2147483647;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 15px;
}

.immersive-translate-modal-content {
  background-color: #fefefe;
  margin: 10% auto;
  padding: 40px 24px 24px;
  border: 1px solid #888;
  border-radius: 10px;
  width: 80%;
  max-width: 270px;
  font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
    "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
  position: relative
}

.immersive-translate-modal .immersive-translate-modal-content-in-input {
  max-width: 500px;
}
.immersive-translate-modal-content-in-input .immersive-translate-modal-body {
  text-align: left;
  max-height: unset;
}

.immersive-translate-modal-title {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}

.immersive-translate-modal-body {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  word-break: break-all;
  margin-top: 24px;
}

@media screen and (max-width: 768px) {
  .immersive-translate-modal-body {
    max-height: 250px;
    overflow-y: auto;
  }
}

.immersive-translate-close {
  color: #666666;
  position: absolute;
  right: 16px;
  top: 16px;
  font-size: 20px;
  font-weight: bold;
}

.immersive-translate-close:hover,
.immersive-translate-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.immersive-translate-modal-footer {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 24px;
}

.immersive-translate-btn {
  width: fit-content;
  color: #fff;
  background-color: #ea4c89;
  border: none;
  font-size: 16px;
  margin: 0 8px;
  padding: 9px 30px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.immersive-translate-btn:hover {
  background-color: #f082ac;
}

.immersive-translate-cancel-btn {
  /* gray color */
  background-color: rgb(89, 107, 120);
}


.immersive-translate-cancel-btn:hover {
  background-color: hsl(205, 20%, 32%);
}

.immersive-translate-action-btn {
  background-color: transparent;
  color: #EA4C89;
  border: 1px solid #EA4C89
}

.immersive-translate-btn svg {
  margin-right: 5px;
}

.immersive-translate-link {
  cursor: pointer;
  user-select: none;
  -webkit-user-drag: none;
  text-decoration: none;
  color: #007bff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, .1);
}

.immersive-translate-primary-link {
  cursor: pointer;
  user-select: none;
  -webkit-user-drag: none;
  text-decoration: none;
  color: #ea4c89;
  -webkit-tap-highlight-color: rgba(0, 0, 0, .1);
}

.immersive-translate-modal input[type="radio"] {
  margin: 0 6px;
  cursor: pointer;
}

.immersive-translate-modal label {
  cursor: pointer;
}

.immersive-translate-close-action {
  position: absolute;
  top: 2px;
  right: 0px;
  cursor: pointer;
}</style><style type="text/css">.-v-color-primary{color:var(--color-primary-500)}.-v-color-primary.hover,.-v-color-primary:hover{color:var(--color-primary-600)}.-v-color-primary.active,.-v-color-primary:active{color:var(--color-primary-700)}.-v-color-primary.disabled,.-v-color-primary:disabled{color:var(--color-primary-200)}.-v-color-dark-primary{color:var(--color-gray-800)}.-v-color-dark-primary.hover,.-v-color-dark-primary:hover{color:var(--color-primary-500)}.-v-color-dark-primary.active,.-v-color-dark-primary:active{color:var(--color-primary-600)}.-v-color-dark-primary.disabled,.-v-color-dark-primary:disabled{color:var(--color-gray-300)}.-v-color-dark{color:var(--color-gray-900)}.-v-color-dark.disabled,.-v-color-dark:disabled{color:var(--color-gray-300)}.-v-bg-primary{background-color:var(--color-primary-500)}.-v-bg-primary.hover,.-v-bg-primary:hover{background-color:var(--color-primary-600)}.-v-bg-primary.active,.-v-bg-primary:active{background-color:var(--color-primary-700)}.-v-bg-primary.disabled,.-v-bg-primary:disabled{background-color:var(--color-primary-200)}.-v-bg-inapparent{background-color:transparent}.-v-bg-inapparent.active,.-v-bg-inapparent.hover,.-v-bg-inapparent:active,.-v-bg-inapparent:hover{background-color:var(--color-gray-50)}.-v-bg-inapparent-primary,.-v-bg-inapparent.disabled,.-v-bg-inapparent:disabled{background-color:transparent}.-v-bg-inapparent-primary.hover,.-v-bg-inapparent-primary:hover{background-color:var(--color-primary-300)}.-v-bg-inapparent-primary.active,.-v-bg-inapparent-primary:active{background-color:var(--color-primary-500)}.-v-bg-inapparent-primary.disabled,.-v-bg-inapparent-primary:disabled{background-color:transparent}.-v-bg-light{background-color:var(--color-gray-200)}.-v-bg-light.hover,.-v-bg-light:hover{background-color:var(--color-gray-300)}.-v-bg-light.active,.-v-bg-light:active{background-color:var(--color-slate-300)}.-v-bg-light.disabled,.-v-bg-light:disabled{background-color:var(--color-gray-50)}.-v-bg-heavy{background-color:var(--color-gray-900)}.-v-bg-heavy.active,.-v-bg-heavy.hover,.-v-bg-heavy:active,.-v-bg-heavy:hover{background-color:var(--color-gray-700)}.-v-bg-heavy.disabled,.-v-bg-heavy:disabled{background-color:var(--color-gray-900)}.-v-border-none{border:1px solid transparent}.-v-border-inapparent{border-color:transparent}.-v-border-apparent,.-v-border-inapparent.active,.-v-border-inapparent.hover,.-v-border-inapparent:active,.-v-border-inapparent:hover{border-color:var(--color-gray-300)}.-v-border-apparent.active,.-v-border-apparent.hover,.-v-border-apparent:active,.-v-border-apparent:hover{border-color:var(--color-gray-900)}.-v-border-apparent-primary,.-v-border-apparent.disabled,.-v-border-apparent:disabled{border-color:var(--color-gray-300)}.-v-border-apparent-primary.active,.-v-border-apparent-primary.disabled,.-v-border-apparent-primary.hover,.-v-border-apparent-primary:active,.-v-border-apparent-primary:disabled,.-v-border-apparent-primary:hover{border-color:var(--color-primary-500)}.-v-border-dark{border-color:var(--color-gray-900)}.-v-border-dark.disabled,.-v-border-dark:disabled{border-color:var(--color-gray-300)}.-v-text.xs{font-size:var(--font-xs)}.-v-text.sm{font-size:var(--font-sm)}.-v-text.md{font-size:var(--font-md)}.-v-text.lg{font-size:var(--font-lg)}.-v-text.xl{font-size:var(--font-xl)}.-v-text.\2xl{font-size:var(--font-2xl)}.-v-leading.xs{line-height:var(--leading-xs)}.-v-leading.sm{line-height:var(--leading-sm)}.-v-leading.md{line-height:var(--leading-md)}.-v-leading.lg{line-height:var(--leading-lg)}.-v-leading.xl{line-height:var(--leading-xl)}.-v-leading.\2xl{line-height:var(--leading-2xl)}.-v-text.xs .cos-icon{font-size:var(--icon-xs)}.-v-text.sm .cos-icon{font-size:var(--icon-sm)}.-v-text.md .cos-icon{font-size:var(--icon-md)}.-v-text.lg .cos-icon{font-size:var(--icon-lg)}.-v-text.xl .cos-icon{font-size:var(--icon-xl)}.-v-text.\2xl .cos-icon{font-size:var(--icon-2xl)}.-v-mx.xs{margin-left:var(--margin-xs);margin-right:var(--margin-xs)}.-v-mx.sm{margin-left:var(--margin-sm);margin-right:var(--margin-sm)}.-v-mx.md{margin-left:var(--margin-md);margin-right:var(--margin-md)}.-v-mx.lg{margin-left:var(--margin-lg);margin-right:var(--margin-lg)}.-v-mx.xl{margin-left:var(--margin-xl);margin-right:var(--margin-xl)}.-v-mx.\2xl{margin-left:var(--margin-2xl);margin-right:var(--margin-2xl)}.-v-mr.xs{margin-right:var(--margin-xs)}.-v-mr.sm{margin-right:var(--margin-sm)}.-v-mr.md{margin-right:var(--margin-md)}.-v-mr.lg{margin-right:var(--margin-lg)}.-v-mr.xl{margin-right:var(--margin-xl)}.-v-mr.\2xl{margin-right:var(--margin-2xl)}.-v-ml.xs{margin-left:var(--margin-xs)}.-v-ml.sm{margin-left:var(--margin-sm)}.-v-ml.md{margin-left:var(--margin-md)}.-v-ml.lg{margin-left:var(--margin-lg)}.-v-ml.xl{margin-left:var(--margin-xl)}.-v-ml.\2xl{margin-left:var(--margin-2xl)}.-v-my.xs{margin-bottom:var(--margin-xs);margin-top:var(--margin-xs)}.-v-my.sm{margin-bottom:var(--margin-sm);margin-top:var(--margin-sm)}.-v-my.md{margin-bottom:var(--margin-md);margin-top:var(--margin-md)}.-v-my.lg{margin-bottom:var(--margin-lg);margin-top:var(--margin-lg)}.-v-my.xl{margin-bottom:var(--margin-xl);margin-top:var(--margin-xl)}.-v-my.\2xl{margin-bottom:var(--margin-2xl);margin-top:var(--margin-2xl)}.-v-mt.xs{margin-top:var(--margin-xs)}.-v-mt.sm{margin-top:var(--margin-sm)}.-v-mt.md{margin-top:var(--margin-md)}.-v-mt.lg{margin-top:var(--margin-lg)}.-v-mt.xl{margin-top:var(--margin-xl)}.-v-mt.\2xl{margin-top:var(--margin-2xl)}.-v-mb.xs{margin-bottom:var(--margin-xs)}.-v-mb.sm{margin-bottom:var(--margin-sm)}.-v-mb.md{margin-bottom:var(--margin-md)}.-v-mb.lg{margin-bottom:var(--margin-lg)}.-v-mb.xl{margin-bottom:var(--margin-xl)}.-v-mb.\2xl{margin-bottom:var(--margin-2xl)}.-v-px.xs{padding-left:var(--padding-xs);padding-right:var(--padding-xs)}.-v-px.sm{padding-left:var(--padding-sm);padding-right:var(--padding-sm)}.-v-px.md{padding-left:var(--padding-md);padding-right:var(--padding-md)}.-v-px.lg{padding-left:var(--padding-lg);padding-right:var(--padding-lg)}.-v-px.xl{padding-left:var(--padding-xl);padding-right:var(--padding-xl)}.-v-px.\2xl{padding-left:var(--padding-2xl);padding-right:var(--padding-2xl)}.-v-pr.xs{padding-right:var(--padding-xs)}.-v-pr.sm{padding-right:var(--padding-sm)}.-v-pr.md{padding-right:var(--padding-md)}.-v-pr.lg{padding-right:var(--padding-lg)}.-v-pr.xl{padding-right:var(--padding-xl)}.-v-pr.\2xl{padding-right:var(--padding-2xl)}.-v-pl.xs{padding-left:var(--padding-xs)}.-v-pl.sm{padding-left:var(--padding-sm)}.-v-pl.md{padding-left:var(--padding-md)}.-v-pl.lg{padding-left:var(--padding-lg)}.-v-pl.xl{padding-left:var(--padding-xl)}.-v-pl.\2xl{padding-left:var(--padding-2xl)}.-v-py.xs{padding-bottom:var(--padding-xs);padding-top:var(--padding-xs)}.-v-py.sm{padding-bottom:var(--padding-sm);padding-top:var(--padding-sm)}.-v-py.md{padding-bottom:var(--padding-md);padding-top:var(--padding-md)}.-v-py.lg{padding-bottom:var(--padding-lg);padding-top:var(--padding-lg)}.-v-py.xl{padding-bottom:var(--padding-xl);padding-top:var(--padding-xl)}.-v-py.\2xl{padding-bottom:var(--padding-2xl);padding-top:var(--padding-2xl)}.-v-pt.xs{padding-top:var(--padding-xs)}.-v-pt.sm{padding-top:var(--padding-sm)}.-v-pt.md{padding-top:var(--padding-md)}.-v-pt.lg{padding-top:var(--padding-lg)}.-v-pt.xl{padding-top:var(--padding-xl)}.-v-pt.\2xl{padding-top:var(--padding-2xl)}.-v-pb.xs{padding-bottom:var(--padding-xs)}.-v-pb.sm{padding-bottom:var(--padding-sm)}.-v-pb.md{padding-bottom:var(--padding-md)}.-v-pb.lg{padding-bottom:var(--padding-lg)}.-v-pb.xl{padding-bottom:var(--padding-xl)}.-v-pb.\2xl{padding-bottom:var(--padding-2xl)}.-v-h.xs{height:var(--height-xs)}.-v-h.sm{height:var(--height-sm)}.-v-h.md{height:var(--height-md)}.-v-h.lg{height:var(--height-lg)}.-v-h.xl{height:var(--height-xl)}.-v-h.\2xl{height:var(--height-2xl)}.-v-w.xs{width:var(--width-xs)}.-v-w.sm{width:var(--width-sm)}.-v-w.md{width:var(--width-md)}.-v-w.lg{width:var(--width-lg)}.-v-w.xl{width:var(--width-xl)}.-v-w.\2xl{width:var(--width-2xl)}.-v-h.square.xs{width:var(--height-xs)}.-v-h.square.sm{width:var(--height-sm)}.-v-h.square.md{width:var(--height-md)}.-v-h.square.lg{width:var(--height-lg)}.-v-h.square.xl{width:var(--height-xl)}.-v-h.square.\2xl{width:var(--height-2xl)}.cos-btn{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;line-height:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cos-btn.square{padding:0}.cos-btn[disabled]{cursor:not-allowed}._button_1k0md_1{color:var(--color-white)}._button_k9yyk_1{color:var(--color-dark)}._button_55o6w_1{border-style:solid;border-width:var(--border)}._button_1ghqp_1{border-style:dashed;border-width:var(--border)}._root_1j8xc_1{border-radius:40px}._root_1j8xc_1._active_1j8xc_7,._root_1j8xc_1:active{background-color:var(--color-gray-100)}._input_1j8xc_11{background-color:transparent;border:none;color:var(--color-dark);outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}._input_1j8xc_11:disabled{color:var(--color-gray-100)}._prefix_1j8xc_25{-ms-flex-negative:0;color:var(--color-gray-300);-webkit-flex-shrink:0;flex-shrink:0;margin-right:var(--margin-md)}._root_1j8xc_1:hover ._prefix_1j8xc_25{color:var(--color-dark)}._suffix_1j8xc_36{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;margin-left:var(--margin-md)}._input-wrapper_1j8xc_41{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-color:var(--color-gray-100);border-radius:9px;border-style:solid;border-width:1px;padding-left:12px;padding-right:12px;width:100%}._input-container_1j8xc_53,._input-wrapper_1j8xc_41,._textarea-wrapper_1j8xc_57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}._textarea-wrapper_1j8xc_57{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:#f5f5f5;border-radius:9px;padding:13px 12px}._textarea_1j8xc_57{background-color:#f5f5f5;border:none;font-size:14px;line-height:23px;outline:0;resize:none;width:100%}._close_1j8xc_78{fill:#858585;cursor:pointer;height:15px;width:15px}._input-text_1og4k_1{border-radius:40px}._prefix_1og4k_6{color:var(--color-gray-300);margin-right:var(--margin-md)}._input-text_1og4k_1:hover ._prefix_1og4k_6{color:var(--color-dark)}._suffix_1og4k_15{margin-left:var(--margin-md)}._input_1og4k_1{background-color:transparent;border:none;border-radius:var(--rounded-md);color:var(--color-dark);outline:0}._arrow-icons_1og4k_28{opacity:0}._input-text_1og4k_1:hover ._arrow-icons_1og4k_28{opacity:1}._arrow-icon-item_1og4k_37{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}._input-text_1og4k_1 ._arrow-icons_1og4k_28 ._icon-item_1og4k_41{font-size:80px}._layout_1wmij_1{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%}._content_1wmij_7,._layout_1wmij_1{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto}._content_1wmij_7{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}._header_1wmij_12{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:0;-webkit-align-items:center;align-items:center;-webkit-flex:none;-ms-flex:none;flex:none;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}._hassider_1wmij_17,._header_1wmij_12{-webkit-box-orient:horizontal;-webkit-box-direction:normal}._hassider_1wmij_17{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}._sider_1wmij_20{-webkit-box-flex:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex:none;-ms-flex:none;flex:none;height:100%;position:relative}._menu_c0438_1{cursor:pointer;position:relative}._popover_c0438_6{background-color:var(--color-gray-50);border-radius:40px;color:var(--color-dark);z-index:20}._ul_c0438_13{list-style-type:none}._menu-option_c0438_17{white-space:nowrap}._option_c0438_22{-webkit-box-flex:1;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-justify-content:space-between;justify-content:space-between}._paragraph_1x5pa_1{font-weight:var(--font-normal)}._paragraph_1x5pa_1.xs{font-size:var(--font-xs);line-height:var(--leading-xs)}._paragraph_1x5pa_1.sm{font-size:var(--font-sm);line-height:var(--leading-sm)}._paragraph_1x5pa_1.md{font-size:var(--font-md);line-height:var(--leading-md)}._paragraph_1x5pa_1.lg{font-size:var(--font-lg);line-height:var(--leading-lg)}._no-spacing_1x5pa_25{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}._no-spacing_1x5pa_25 ._paragraph_1x5pa_1.xs{margin-bottom:-10px;margin-top:-10px}._no-spacing_1x5pa_25 ._paragraph_1x5pa_1.sm{margin-bottom:-30px;margin-top:-30px}._no-spacing_1x5pa_25 ._paragraph_1x5pa_1.md{margin-bottom:-35px;margin-top:-35px}._no-spacing_1x5pa_25 ._paragraph_1x5pa_1.lg{margin-bottom:-40px;margin-top:-40px}._prefix_1x5pa_51,._suffix_1x5pa_56{display:inline-block;vertical-align:baseline}._radio-button_17dqe_1{border-radius:40px}._root_ivjvl_1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}._root_151wl_1{border-radius:40px}._root_151wl_1._active_151wl_6,._root_151wl_1:active{background-color:var(--color-gray-100)}._input_151wl_10{background-color:transparent;border:none;color:var(--color-dark);cursor:default;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._prefix_151wl_20{color:var(--color-gray-300);margin-right:var(--margin-md)}._root_151wl_1:hover ._prefix_151wl_20{color:var(--color-dark)}._subfix_151wl_29{margin-left:var(--margin-md)}._select_16iai_1{border-radius:40px;position:relative}._select_16iai_1._active_16iai_6,._select_16iai_1:active{background-color:var(--color-gray-100)}._inherit_16iai_11{background-color:inherit!important}._border_16iai_15{position:relative}._popover_16iai_22{background-color:var(--color-gray-900);border-radius:40px;color:var(--color-light);z-index:20}._option_16iai_36{-webkit-box-flex:1;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-justify-content:space-between;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._horizontal_1e3ql_5._last_1e3ql_13{margin-right:0}._vertical_1e3ql_9._last_1e3ql_13{margin-bottom:0}._wrapper_11l4h_1{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-line-pack:start;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-align:start;-ms-flex-align:start;-ms-flex-preferred-size:50%;-webkit-align-content:flex-start;align-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;color:var(--color-gray-400);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-basis:50%;flex-basis:50%;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:flex-start;justify-content:flex-start;margin-right:16px;overflow:hidden;position:relative}._wrapper_11l4h_1:last-child{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;margin-right:0}._wrapper_11l4h_1 ._icon_11l4h_20{font-size:var(--font-lg);height:32px;line-height:30px;margin-right:8px;text-align:center;width:32px}._wrapper_11l4h_1 ._icon_11l4h_20 ._border_11l4h_28{border:1px solid var(--color-gray-400);border-radius:50%}._wrapper_11l4h_1 ._title_11l4h_32{display:inline-block;font-size:var(--font-lg);height:32px;line-height:32px;padding-right:16px;position:relative}._wrapper_11l4h_1 ._title_11l4h_32:after{background-color:var(--color-gray-400);content:"";height:2px;left:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:9999px}._wrapper_11l4h_1:last-child ._title_11l4h_32:after{display:none}._wrapper_11l4h_1 ._description_11l4h_53{font-size:var(--font-md);line-height:1.5}._wrapper_11l4h_1.finish{color:var(--color-gray-400)}._wrapper_11l4h_1.finish ._icon_11l4h_20{color:var(--color-primary-600)}._wrapper_11l4h_1.finish ._icon_11l4h_20 ._border_11l4h_28{border-color:var(--color-primary-600)}._wrapper_11l4h_1.finish ._title_11l4h_32:after{background-color:var(--color-primary-600)}._wrapper_11l4h_1.process{color:var(--color-gray-400)}._wrapper_11l4h_1.process ._icon_11l4h_20{color:var(--color-primary-600)}._wrapper_11l4h_1.process ._icon_11l4h_20 ._border_11l4h_28{background-color:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--color-white)}._wrapper_11l4h_1.process ._title_11l4h_32{border-color:var(--color-primary-600);color:var(--color-dark);font-weight:var(--font-bold)}._wrapper_11l4h_1.error ._description_11l4h_53,._wrapper_11l4h_1.error ._icon_11l4h_20,._wrapper_11l4h_1.error ._title_11l4h_32{color:#f5222d}._wrapper_11l4h_1.error ._icon_11l4h_20 ._border_11l4h_28{border-color:#f5222d}._steps_ohx0o_1{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:start;-ms-flex-pack:start;-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:flex-start;justify-content:flex-start}._table_1svs5_1{border-collapse:separate;border-left:1px solid var(--color-gray-200);border-radius:var(--rounded-md);border-spacing:0;border-top:1px solid var(--color-gray-200);table-layout:fixed;text-align:left}._td_1svs5_12,._th_1svs5_12,._thead_1svs5_12{vertical-align:middle}._td_1svs5_12,._th_1svs5_12{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--color-gray-200)),to(var(--color-gray-200))),-webkit-gradient(linear,left top,left bottom,from(var(--color-gray-200)),to(var(--color-gray-200)));background-image:linear-gradient(var(--color-gray-200),var(--color-gray-200)),linear-gradient(var(--color-gray-200),var(--color-gray-200));background-position:100% 0,100% 100%;background-repeat:no-repeat;background-size:1px 100%,100% 1px}._thead_1svs5_12 ._tr_1svs5_25{background-color:var(--color-primary-500);color:var(--color-white)}._thead_1svs5_12 ._th_1svs5_12{color:var(--color-white)}._card_2qswq_1{border-radius:var(--rounded-md);border-style:solid;border-width:var(--border)}._header_2qswq_8{padding:var(--padding-sm) var(--padding-md)}._header-title_2qswq_12{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-flex-grow:1;flex-grow:1}._header-extra_2qswq_16{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0}._content_2qswq_20:first-child,._footer_2qswq_21:first-child{padding-top:var(--padding-sm)}._content_2qswq_20,._footer_2qswq_21{padding:0 var(--padding-md) var(--padding-sm)}._action_2qswq_29{padding:var(--padding-sm) var(--padding-md)}.cos-tree{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cos-tree-label{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;white-space:nowrap}.cos-tree .cos-tree-arrow .cos-icon{font-size:.75em}.cos-tree-prefix,.cos-tree-subfix{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.cos-tree-input{background-color:transparent;border:none;color:currentColor;cursor:default;outline:0}.cos-tree-input:focus{cursor:text}.cos-drag-handle{bottom:0;content:"";display:none;opacity:0;padding-bottom:5px;padding-top:5px}.cos-drag-handle span{border-radius:6px;height:6px;left:-6px;top:7px;width:6px}.cos-tree.dragging .cos-drag-handle{display:block}.cos-tree.dragging .drag-off .cos-drag-handle{display:none}.cos-tree.dragging .cos-drag-handle:hover{opacity:1;visibility:visible}._header_19pn4_6.active,._header_19pn4_6.hover,._header_19pn4_6:active,._header_19pn4_6:hover{color:var(--color-white)}._tree_19pn4_1.dragging ._header_19pn4_6.tree-group:hover:not(.active){border:1px solid var(--color-primary-500)}._tree_19pn4_1.dragging ._content_19pn4_18.drag-off ._header_19pn4_6.tree-group:hover:not(.active){border:1px solid transparent}._input_19pn4_36:focus{opacity:.5}._drag-handle_19pn4_43{border-bottom:1px solid var(--color-primary-500)}._drag-handle_19pn4_43 span{border:1px solid var(--color-primary-500)}._tree_13k4i_1.dragging ._header_13k4i_6.tree-group:hover:not(.active){border:1px solid var(--color-gray-100)}._tree_13k4i_1.dragging ._content_13k4i_12.drag-off ._header_13k4i_6.tree-group:hover:not(.active){border:1px solid transparent}._input_13k4i_30:focus{opacity:.5}._drag-handle_13k4i_37{border-bottom:1px solid var(--color-gray-100)}._drag-handle_13k4i_37 span{border:1px solid var(--color-gray-100)}._header_1arl2_6.active,._header_1arl2_6:active{background-color:hsla(var(--hsl-primary-500),.06);color:var(--color-primary-500)}._tree_1arl2_1.dragging ._header_1arl2_6.tree-group:hover:not(.active){border:1px solid hsla(var(--hsl-primary-500),.5)}._tree_1arl2_1.dragging ._content_1arl2_17.drag-off ._header_1arl2_6.tree-group:hover:not(.active){border:1px solid transparent}._input_1arl2_35:focus{opacity:.5}._drag-handle_1arl2_41{border-bottom:1px solid hsla(var(--hsl-primary-500),.5)}._drag-handle_1arl2_41 span{border:1px solid hsla(var(--hsl-primary-500),.5)}._item_1hhqn_1{border-radius:var(--rounded-md);-webkit-box-sizing:border-box;box-sizing:border-box;font-size:var(--font-sm);height:30px;padding-left:18px;padding-right:2px}._selected_1hhqn_10{background:var(--color-neutral-light)}._header_1hhqn_13{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto}._prefix_1hhqn_16{margin-right:100px}._extra_1hhqn_20,._prefix_1hhqn_16{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}._breadcrumb-item_zcks6_5{color:var(--color-gray-400)}._link_zcks6_10:hover{color:var(--color-primary-500);cursor:pointer}._icon_zcks6_19,._separator_zcks6_15{--margin-xs:20px;--margin-sm:20px;--margin-md:20px}._breadcrumb-item_zcks6_5:last-child{color:var(--color-dark);font-weight:var(--font-bold)}._breadcrumb-item_zcks6_5:last-child ._separator_zcks6_15{display:none}._tag_1br8p_1{border-radius:calc(var(--rounded-md)*5);color:var(--color-white)}._content_1br8p_24,._prefix_1br8p_10,._suffix_1br8p_17,._tag_1br8p_1{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;justify-content:center}._row_18y4t_1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}._col_18y4t_5{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}._image_1msmd_1{position:relative}._img_1msmd_5{width:100%}._fallback_1msmd_10,._placeholder_1msmd_9{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;-webkit-justify-content:center;justify-content:center;width:100%}._content_1msmd_19{position:absolute}._list-wrap_1e9ho_1{position:relative}._list_1e9ho_1{height:100%;overflow:hidden}._x_1e9ho_10{overflow-x:auto;white-space:nowrap}._y_1e9ho_15{overflow-y:auto}._dropdown_cmrix_1{z-index:100}._tabs_6olel_1{position:relative}._cursor_6olel_5{background-color:var(--color-gray-900);bottom:0;-webkit-transform:translate(-50%);transform:translate(-50%)}._tabs-content_6olel_13{overflow:hidden;position:relative;-webkit-transition:height .24s cubic-bezier(.4,0,.2,1) 0s;transition:height .24s cubic-bezier(.4,0,.2,1) 0s}._tab-pane_6olel_19{opacity:.6;width:100%}._tab-pane_6olel_19.hover,._tab-pane_6olel_19:hover{opacity:.9}._tab-pane-animated_6olel_29{top:0;-webkit-transition:left .24s cubic-bezier(.18,.74,.78,.96) 0s;transition:left .24s cubic-bezier(.18,.74,.78,.96) 0s}._tab-pane_6olel_19.active,._tab-pane_6olel_19:active{background-color:transparent;font-weight:700;opacity:1}._label_6olel_40{-webkit-box-flex:1;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-justify-content:space-between;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._tabs-nav-wrapper_6olel_48{overflow:hidden;position:relative}._tabs-nav_6olel_48{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}._tabs-nav-scroll_6olel_58{margin-top:-30px;overflow-x:auto;padding-bottom:30px;-webkit-transform:translateY(30px);transform:translateY(30px);width:100%}._tabs-nav-item_6olel_66{padding-left:6px;padding-right:6px}._tabs-divider_6olel_75{border-bottom:1px solid rgba(0,0,0,.06);bottom:0;content:"";left:0;position:absolute;right:0}._tabs-cursor_6olel_84{background-color:var(--color-primary-500);bottom:0;height:2px;left:0;position:absolute;-webkit-transition:width .3s,left .3s,right .3s;transition:width .3s,left .3s,right .3s}._link_dc02o_1{cursor:pointer}._carousel_181j0_1{overflow:hidden;position:relative;width:100%}._container_181j0_8{position:relative}._indicators_181j0_12{bottom:var(--margin-xs);left:50%;margin:0;padding:0;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:3}._tacitly_181j0_22{background-color:var(--color-gray-300);display:block;float:left;height:7px;margin-left:var(--margin-xs);padding:0;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;width:7px}._dot_181j0_34{border-radius:100%}._dot_181j0_34._active_181j0_39{background-color:var(--color-gray-50)}._line_181j0_43{height:3px;margin-left:2px;width:15px}._line_181j0_43._active_181j0_39{background-color:var(--color-gray-50);width:25px}._arrow_181j0_53{border-radius:100%;cursor:pointer;height:33px;margin-top:-17px;position:absolute;text-align:center;top:50%;vertical-align:middle;width:33px;z-index:5}._arrow-left_181j0_67{left:16px}._arrow-right_181j0_71{right:16px}._arrow_181j0_53 img{max-width:inherit}._item_181j0_79{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-justify-content:center;justify-content:center;left:0;overflow:hidden;position:absolute;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;visibility:hidden;width:100%;z-index:0}._light_181j0_94{visibility:visible;z-index:2}._horizontal_evdc9_2{border-top:1px solid var(--color-gray-100);display:block;height:1px;margin:24px 0;width:100%}._vertical_evdc9_10{border-left:1px solid var(--color-gray-100);display:inline-block;height:1em;margin:0 8px;position:relative;vertical-align:middle;width:1px}._slot-container_evdc9_21{font-weight:500;left:50%;padding:0 20px;position:absolute;-webkit-transform:translate(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%)}._cos-cascader_68p6b_2{display:inline-block;position:relative}._cos-cascader_68p6b_2 ._cos-trigger_68p6b_6{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border:1px solid hsla(0,0%,12%,.1);border-radius:var(--rounded-md);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:var(--height-md);padding:0 100px;width:2060px}._cos-trigger_68p6b_6.trigger-active{border:1px solid #1e1e1e}._cos-cascader_68p6b_2 ._cos-popover-wrapper_68p6b_18{-webkit-box-shadow:0 0 5px #00000026;box-shadow:0 0 5px #00000026;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;left:0;margin-top:var(--padding-sm);position:absolute;top:100%;z-index:100}._cos-trigger-input_68p6b_27{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}._cos-trigger-input_68p6b_27 input{background:0 0;border:none}._cos-trigger-input_68p6b_27 input:focus{outline:0}._cos-cascader-items_68p6b_37{color:var(--color-white);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:1100px}._cos-cascader-items_68p6b_37 ._cos-left_68p6b_42{-webkit-overflow-scrolling:auto;background-color:#26262c;border-radius:var(--padding-sm);height:100%;margin-right:20px;overflow:auto;padding:100px 0;width:2060px}._cos-cascader-items_68p6b_37 ._cos-left_68p6b_42 ._cos-label_68p6b_52{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:70px 100px 70px 200px;white-space:nowrap}._cos-cascader-items_68p6b_37 ._cos-left_68p6b_42 ._cos-label_68p6b_52._active_68p6b_63,._cos-cascader-items_68p6b_37 ._cos-left_68p6b_42 ._cos-label_68p6b_52:hover{background:hsla(var(--hsl-light),.6)}._cos-cascader-items_68p6b_37 ._cos-left_68p6b_42 ._cos-label_68p6b_52>._cos-name_68p6b_66{display:inline-block;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1800px}._cos-cascader-items_68p6b_37 ._cos-left_68p6b_42 ._cos-label_68p6b_52>._cos-icons_68p6b_73 ._icon-right-arrow_68p6b_73{-webkit-transform:scale(1);transform:scale(1)}._cos-cascader-items_68p6b_37 ._cos-left_68p6b_42 ._cos-label_68p6b_52>._cos-icons_68p6b_73 ._icon-loading_68p6b_76{-webkit-animation:_spin_68p6b_1 2s linear infinite;animation:_spin_68p6b_1 2s linear infinite}._cos-cascader-items_68p6b_37 ._cos-right_68p6b_79{-webkit-overflow-scrolling:auto;border-radius:var(--padding-sm);height:100%;overflow:auto}._dialog_1wz6i_1{background:#fff;border-radius:15px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;font-weight:var(--font-bold);left:50%;padding:24px;position:fixed;top:50%;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:50}._close_1wz6i_14{position:absolute;right:10px;top:10px}._avatar_9uapm_1{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--color-gray-200);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-gray-800);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;justify-content:center;overflow:hidden}._avatar_9uapm_1 img{display:block;height:100%;max-width:100%!important;-o-object-fit:cover;object-fit:cover}._content_9uapm_21,._fallback_9uapm_23,._placeholder_9uapm_22{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;-webkit-justify-content:center;justify-content:center;width:100%}._load_1bdt7_2{color:#000000a6}._result_83vkw_4{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-justify-content:center;justify-content:center;width:100%}._load_83vkw_1{-webkit-box-sizing:border-box;box-sizing:border-box;color:#000000a6;color:#1890ff;display:none;line-height:1.5;list-style:none;margin:0;opacity:0;padding:0;position:absolute;text-align:center;-webkit-transition:-webkit-transform .3s cubic-bezier(.78,.14,.15,.86);transition:-webkit-transform .3s cubic-bezier(.78,.14,.15,.86);transition:transform .3s cubic-bezier(.78,.14,.15,.86);transition:transform .3s cubic-bezier(.78,.14,.15,.86),-webkit-transform .3s cubic-bezier(.78,.14,.15,.86);vertical-align:middle}._loading_83vkw_1{display:block;opacity:1;position:static}._nested_83vkw_1{position:relative}._nested-loading_83vkw_1{display:block;height:100%;max-height:360px;position:absolute;width:100%;z-index:4}._container_83vkw_1{zoom:1;-webkit-filter:blur(.5px);filter:blur(.5px);opacity:.5;overflow:hidden;pointer-events:none;position:relative;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._container_83vkw_1:after,._container_83vkw_1:before{content:"";display:table}._container_83vkw_1:after{background:#fff;bottom:0;clear:both;left:0;opacity:.3;position:absolute;right:0;top:0;-webkit-transition:all .3s;transition:all .3s;z-index:10}._result_83vkw_4{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}._result_4lgws_4{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-justify-content:center;justify-content:center;width:100%}._load_4lgws_1{-webkit-box-sizing:border-box;box-sizing:border-box;color:#000000a6;color:#1890ff;display:none;line-height:1.5;list-style:none;margin:0;opacity:0;padding:0;position:absolute;text-align:center;-webkit-transition:-webkit-transform .3s cubic-bezier(.78,.14,.15,.86);transition:-webkit-transform .3s cubic-bezier(.78,.14,.15,.86);transition:transform .3s cubic-bezier(.78,.14,.15,.86);transition:transform .3s cubic-bezier(.78,.14,.15,.86),-webkit-transform .3s cubic-bezier(.78,.14,.15,.86);vertical-align:middle}._loading_4lgws_1{display:block;opacity:1;position:static}._nested_4lgws_1{position:relative}._nested-loading_4lgws_1{display:block;height:100%;max-height:360px;position:absolute;width:100%;z-index:4}._container_4lgws_1{zoom:1;-webkit-filter:blur(.5px);filter:blur(.5px);opacity:.5;overflow:hidden;pointer-events:none;position:relative;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._container_4lgws_1:after,._container_4lgws_1:before{content:"";display:table}._container_4lgws_1:after{background:#fff;bottom:0;clear:both;left:0;opacity:.3;position:absolute;right:0;top:0;-webkit-transition:all .3s;transition:all .3s;z-index:10}._result_4lgws_4{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}._rate_27ac7_2{cursor:pointer;display:inline-block}._icons-row_27ac7_7{display:inline-block;position:relative}._row-empty_27ac7_13,._row_27ac7_12{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%}._row_27ac7_12{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}._item_27ac7_29{-ms-flex-negative:0;fill:#f60;-webkit-flex-shrink:0;flex-shrink:0;height:12px;width:12px}._decimal_27ac7_36{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}._decimal-inner_27ac7_42{display:inline-block;height:100%;overflow:hidden;vertical-align:top}.cu-block{display:block}.cu-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.cu-flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.cu-flex-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.cu-flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.cu-flex-col-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.cu-flex-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.cu-flex-wrap-reverse{-webkit-flex-wrap:reverse;-ms-flex-wrap:reverse;flex-wrap:reverse}.cu-flex-nowrap{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.cu-col-auto{grid-column:auto}.cu-row-auto{grid-row:auto}.cu-text-left{text-align:left}.cu-text-center{text-align:center}.cu-text-right{text-align:right}.cu-text-justify{text-align:justify}.cu-text-ellipsis{text-overflow:ellipsis}.cu-text-clip{text-overflow:clip}.cu-border-solid{border-style:solid}.cu-border-dashed{border-style:dashed}.cu-border-dotted{border-style:dotted}.cu-border-double{border-style:double}.cu-border-none{border-style:none}.cu-border-hidden{border-style:hidden}.cu-border-collapse{border-collapse:collapse}.cu-border-separate{border-collapse:separate}.cu-border{border-width:1px}.cu-border-0{border-width:0}.cu-border-transparent{border-color:transparent}.cu-border-current{border-color:currentColor}.cu-font-thin{font-weight:100}.cu-font-extralight{font-weight:200}.cu-font-light{font-weight:300}.cu-font-normal{font-weight:400}.cu-font-medium{font-weight:500}.cu-font-semibold{font-weight:600}.cu-font-extrabold{font-weight:800}.cu-font-black{font-weight:900}.cu-text-sm,.cu-text-xs{font-size:12px}.cu-text-base{font-size:13px}.cu-text-lg{font-size:14px}.cu-text-xl{font-size:18px}.cu-text-2xl{font-size:24px}.cu-text-3xl{font-size:36px}.cu-w-auto{width:auto}.cu-w-px{width:1px}.cu-w-full{width:100%}.cu-w-screen{width:100vw}.cu-w-min{width:-webkit-min-content;width:-moz-min-content;width:min-content}.cu-w-max{width:-webkit-max-content;width:-moz-max-content;width:max-content}.cu-w-1\/2{width:50%}.cu-h-auto{height:auto}.cu-h-px{height:1px}.cu-h-full{height:100%}.cu-h-screen{height:100vw}.cu-h-min{height:-webkit-min-content;height:-moz-min-content;height:min-content}.cu-h-max{height:-webkit-max-content;height:-moz-max-content;height:max-content}.cu-h-1\/2{height:50%}.cu-flex-shrink-0{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0}.cu-flex-shrink{-ms-flex-negative:1;-webkit-flex-shrink:1;flex-shrink:1}.cu-flex-grow-0{-webkit-box-flex:0;-ms-flex-positive:0;-webkit-flex-grow:0;flex-grow:0}.cu-flex-grow{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-flex-grow:1;flex-grow:1}.cu-flex-1{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%}.cu-flex-auto{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.cu-flex-initial{-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.cu-flex-none{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}.cu-color-primary{color:#4e6ef2}.cu-color-text{color:#333}.cu-color-source{color:#626675}.cu-color-info{color:#9195a3}.cu-color-green{color:#39b362}.cu-color-white{color:#fff}.cu-color-blue{color:#2440b3}.cu-color-red{color:#f11}.cu-color-red-light-100{color:#f33}.cu-color-orange-100{color:#fd503e}.cu-row:after{clear:both;content:"";display:block;height:0;visibility:hidden}.cu-col-sm-1,.cu-col-sm-10,.cu-col-sm-11,.cu-col-sm-12,.cu-col-sm-2,.cu-col-sm-3,.cu-col-sm-4,.cu-col-sm-5,.cu-col-sm-6,.cu-col-sm-7,.cu-col-sm-8,.cu-col-sm-9{float:left;list-style:none;margin-right:16px}.cu-col-sm-last{margin-right:0}.cu-col-sm-1{width:32px}.cu-col-sm-2{width:80px}.cu-col-sm-3{width:128px}.cu-col-sm-4{width:176px}.cu-col-sm-5{width:224px}.cu-col-sm-6{width:272px}.cu-col-sm-7{width:320px}.cu-col-sm-8{width:368px}.cu-col-sm-9{width:416px}.cu-col-sm-10{width:464px}.cu-col-sm-11{width:512px}.cu-col-sm-12{width:560px}.cu-font-sm{font:12px/20px Arial,sans-serif}.cu-font-lg{font:14px/23px Arial,sans-serif}.cu-my-font-lg{margin-bottom:-5px;margin-top:-4px}.cu-font-base{font:13px/21px Arial,sans-serif}.cu-font-bold{font-weight:700}.cu-title{font:18px/22px Arial,sans-serif;font-weight:400}.cu-title,.cu-title-kg,.cu-title-kg:hover,.cu-title-kg:visited,.cu-title:hover,.cu-title:visited{color:#222}.cu-link{color:#2440b3;cursor:pointer;text-decoration:none}.cu-link:hover{color:#315efb;text-decoration:underline}.cu-text,.cu-text-border{border-radius:16px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;display:inline-block;font-size:12px;font-style:normal;height:16px;line-height:15px;text-align:center;vertical-align:middle}.cu-ml-0{margin-left:0}.cu-ml-xs{margin-left:2px}.cu-ml-sm{margin-left:6px}.cu-ml-base{margin-left:8px}.cu-ml-md{margin-left:12px}.cu-ml-sm-lg{margin-left:16px}.cu-ml-sm-xl{margin-left:48px}.cu-mr-0{margin-right:0}.cu-mr-xs{margin-right:2px}.cu-mr-sm{margin-right:6px}.cu-mr-base{margin-right:8px}.cu-mr-md{margin-right:12px}.cu-mr-sm-lg{margin-right:16px}.cu-mr-sm-xl{margin-right:48px}.cu-border,.cu-mx-base{margin-left:-16px;margin-right:-16px}.cu-mt-0{margin-top:0}.cu-mt-xs{margin-top:6px}.cu-mt-sm{margin-top:9px}.cu-mt-sm-base{margin-top:10px}.cu-mt-sm-md{margin-top:12px}.cu-mt-sm-lg{margin-top:16px}.cu-mt-xl{margin-top:21px}.cu-mt-xxl{margin-top:27px}.cu-mb-0{margin-bottom:0}.cu-mb-xs{margin-bottom:6px}.cu-mb-sm{margin-bottom:9px}.cu-mb-sm-base{margin-bottom:10px}.cu-mb-sm-md{margin-bottom:12px}.cu-mb-sm-lg{margin-bottom:16px}.cu-mb-xl{margin-bottom:21px}.cu-mb-xxl{margin-bottom:27px}.cu-my-base{margin-bottom:0;margin-top:0}.cu-pl-0{padding-left:0}.cu-pl-xs{padding-left:2px}.cu-pl-sm{padding-left:6px}.cu-pl-base{padding-left:8px}.cu-pl-md{padding-left:12px}.cu-pl-sm-lg{padding-left:16px}.cu-pl-sm-xl{padding-left:48px}.cu-pr-0{padding-right:0}.cu-pr-xs{padding-right:2px}.cu-pr-sm{padding-right:6px}.cu-pr-base{padding-right:8px}.cu-pr-md{padding-right:12px}.cu-pr-sm-lg{padding-right:16px}.cu-pr-sm-xl{padding-right:48px}.cu-px-base{padding-left:16px;padding-right:16px}.cu-pt-0{padding-top:0}.cu-pt-xs{padding-top:6px}.cu-pt-sm{padding-top:9px}.cu-pt-sm-base{padding-top:10px}.cu-pt-sm-md{padding-top:12px}.cu-pt-sm-lg{padding-top:16px}.cu-pt-xl{padding-top:21px}.cu-pt-xxl{padding-top:27px}.cu-pb-0{padding-bottom:0}.cu-pb-xs{padding-bottom:6px}.cu-pb-sm{padding-bottom:9px}.cu-pb-sm-base{padding-bottom:10px}.cu-pb-sm-md{padding-bottom:12px}.cu-pb-sm-lg{padding-bottom:16px}.cu-pb-xl{padding-bottom:21px}.cu-pb-xxl{padding-bottom:27px}.cu-py-base{padding-bottom:0;padding-top:0}.cu-text{font-weight:200;overflow:hidden;padding:0 2px}.cu-text-border{font-weight:400;overflow:hidden;padding:0 5px}.cu-text-border-green{background-color:rgba(57,179,98,.1);border:1px solid rgba(57,179,98,.5);color:#39b362}.cu-line-clamp-1,.cu-line-clamp-default{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cu-line-clamp-1{-webkit-line-clamp:1}.cu-line-clamp-10,.cu-line-clamp-2,.cu-line-clamp-3,.cu-line-clamp-4,.cu-line-clamp-5,.cu-line-clamp-6,.cu-line-clamp-7,.cu-line-clamp-8,.cu-line-clamp-9{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal}.cu-line-clamp-2{-webkit-line-clamp:2}.cu-line-clamp-3{-webkit-line-clamp:3}.cu-line-clamp-4{-webkit-line-clamp:4}.cu-line-clamp-5{-webkit-line-clamp:5}.cu-line-clamp-6{-webkit-line-clamp:6}.cu-line-clamp-7{-webkit-line-clamp:7}.cu-line-clamp-8{-webkit-line-clamp:8}.cu-line-clamp-9{-webkit-line-clamp:9}.cu-line-clamp-10{-webkit-line-clamp:10}.cu-container{word-wrap:break-word;color:#333;font-size:14px;line-height:22px;width:560px;word-break:break-all}.cu-border{border-radius:16px;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.08);box-shadow:0 2px 8px 0 rgba(0,0,0,.08);padding:16px}.cu-icon{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:cosmicIcon!important;font-style:normal}.cu-short-answer-highlight{background-position:left 92%,center 92%,right 92%;background-repeat:no-repeat;background-size:4px 8px,calc(100% - 8px) 8px,4px 8px;font-weight:500}.sc-image{border:0;display:block;height:0;overflow:hidden;padding-bottom:100%;position:relative}.sc-image,.sc-image img{border-radius:12px;width:100%}.sc-image .border{border:1px solid rgba(0,0,0,.06);border-radius:12px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.sc-image-rounded-xs,.sc-image-rounded-xs .border,.sc-image-rounded-xs img{border-radius:2px}.sc-image-rounded-sm,.sc-image-rounded-sm .border,.sc-image-rounded-sm img{border-radius:6px}.sc-image-rounded-base,.sc-image-rounded-base .border,.sc-image-rounded-base img{border-radius:12px}.sc-image-rounded-lg,.sc-image-rounded-lg .border,.sc-image-rounded-lg img,.sc-image-rounded-md,.sc-image-rounded-md .border,.sc-image-rounded-md img{border-radius:16px}.sc-image-rounded-1\/2,.sc-image-rounded-1\/2 .border,.sc-image-rounded-1\/2 img{border-radius:50%}.sc-image-rounded-tl-xs,.sc-image-rounded-tl-xs .border,.sc-image-rounded-tl-xs img{border-top-left-radius:2px}.sc-image-rounded-tl-sm,.sc-image-rounded-tl-sm .border,.sc-image-rounded-tl-sm img{border-top-left-radius:6px}.sc-image-rounded-tl-base,.sc-image-rounded-tl-base .border,.sc-image-rounded-tl-base img{border-top-left-radius:12px}.sc-image-rounded-tl-lg,.sc-image-rounded-tl-lg .border,.sc-image-rounded-tl-lg img,.sc-image-rounded-tl-md,.sc-image-rounded-tl-md .border,.sc-image-rounded-tl-md img{border-top-left-radius:16px}.sc-image-rounded-tr-xs,.sc-image-rounded-tr-xs .border,.sc-image-rounded-tr-xs img{border-top-right-radius:2px}.sc-image-rounded-tr-sm,.sc-image-rounded-tr-sm .border,.sc-image-rounded-tr-sm img{border-top-right-radius:6px}.sc-image-rounded-tr-base,.sc-image-rounded-tr-base .border,.sc-image-rounded-tr-base img{border-top-right-radius:12px}.sc-image-rounded-tr-lg,.sc-image-rounded-tr-lg .border,.sc-image-rounded-tr-lg img,.sc-image-rounded-tr-md,.sc-image-rounded-tr-md .border,.sc-image-rounded-tr-md img{border-top-right-radius:16px}.sc-image-rounded-bl-xs,.sc-image-rounded-bl-xs .border,.sc-image-rounded-bl-xs img{border-bottom-left-radius:2px}.sc-image-rounded-bl-sm,.sc-image-rounded-bl-sm .border,.sc-image-rounded-bl-sm img{border-bottom-left-radius:6px}.sc-image-rounded-bl-base,.sc-image-rounded-bl-base .border,.sc-image-rounded-bl-base img{border-bottom-left-radius:12px}.sc-image-rounded-bl-lg,.sc-image-rounded-bl-lg .border,.sc-image-rounded-bl-lg img,.sc-image-rounded-bl-md,.sc-image-rounded-bl-md .border,.sc-image-rounded-bl-md img{border-bottom-left-radius:16px}.sc-image-rounded-br-xs,.sc-image-rounded-br-xs .border,.sc-image-rounded-br-xs img{border-bottom-right-radius:2px}.sc-image-rounded-br-sm,.sc-image-rounded-br-sm .border,.sc-image-rounded-br-sm img{border-bottom-right-radius:6px}.sc-image-rounded-br-base,.sc-image-rounded-br-base .border,.sc-image-rounded-br-base img{border-bottom-right-radius:12px}.sc-image-rounded-br-lg,.sc-image-rounded-br-lg .border,.sc-image-rounded-br-lg img,.sc-image-rounded-br-md,.sc-image-rounded-br-md .border,.sc-image-rounded-br-md img{border-bottom-right-radius:16px}.sc-image-16\/9,.sc-image-1\/1,.sc-image-3\/1,.sc-image-3\/2,.sc-image-3\/4,.sc-image-4\/3,.sc-image-5\/1,.sc-image-5\/2{height:0;overflow:hidden}.sc-image-3\/4{padding-bottom:133.33333333%}.sc-image-5\/1{padding-bottom:20%}.sc-image-1\/1{padding-bottom:100%}.sc-image-3\/1{padding-bottom:33.33333333%}.sc-image-16\/9{padding-bottom:56.25%}.sc-image-4\/3{padding-bottom:75%}.sc-image-3\/2{padding-bottom:66.66666667%}.sc-image-5\/2{padding-bottom:40%}.cos-pc,:root{--cos-red-0:#e65b5b;--cos-red-1:#c9474b;--cos-red--1:#eb7e7a;--cos-red--5:#fff7f5;--cos-red--4:#fae0dc;--cos-red--3:#f5c0ba;--cos-red--2:#f09f99;--cos-red-2:#ad343c;--cos-red-3:#91242f;--cos-red-4:#751724;--cos-red-5:#590d1a;--cos-orange--5:#fff3eb;--cos-orange--4:#fae4d7;--cos-orange--3:#f5c8b0;--cos-orange--2:#f0ab8b;--cos-orange--1:#eb8c67;--cos-orange-0:#e66d45;--cos-orange-1:#c95534;--cos-orange-2:#ad3f26;--cos-orange-3:#912c1a;--cos-orange-4:#751c10;--cos-orange-5:#591009;--cos-tan--5:#fff7e6;--cos-tan--4:#faebd2;--cos-tan--3:#f5d5a6;--cos-tan--2:#f0be7d;--cos-tan--1:#eba554;--cos-tan-0:#e68a2e;--cos-tan-1:#c97022;--cos-tan-2:#ad5918;--cos-tan-3:#914410;--cos-tan-4:#753109;--cos-tan-5:#592104;--cos-amber--5:#fff5d6;--cos-amber--4:#ffedbf;--cos-amber--3:#e6c88a;--cos-amber--2:#d9b26a;--cos-amber--1:#be8c3d;--cos-amber-0:#be7b1d;--cos-amber-1:#a86616;--cos-amber-2:#915310;--cos-amber-3:#7a400a;--cos-amber-4:#633006;--cos-amber-5:#4d2203;--cos-yellow--5:#fffce0;--cos-yellow--4:#faf5cd;--cos-yellow--3:#f5e89d;--cos-yellow--2:#f0d86e;--cos-yellow--1:#ebc642;--cos-yellow-0:#e6b217;--cos-yellow-1:#c99612;--cos-yellow-2:#ad7b0e;--cos-yellow-3:#91620a;--cos-yellow-4:#754b07;--cos-yellow-5:#593604;--cos-lime--5:#fcffe0;--cos-lime--4:#f2f7cb;--cos-lime--3:#e3f099;--cos-lime--2:#d1e86b;--cos-lime--1:#bde03f;--cos-lime-0:#a8d916;--cos-lime-1:#8cbd11;--cos-lime-2:#72a10e;--cos-lime-3:#598509;--cos-lime-4:#436906;--cos-lime-5:#2e4d04;--cos-verdure--5:#f5ffe0;--cos-verdure--4:#e2f7bc;--cos-verdure--3:#cbf095;--cos-verdure--2:#b4e86f;--cos-verdure--1:#9de051;--cos-verdure-0:#82d92b;--cos-verdure-1:#69bd20;--cos-verdure-2:#52a116;--cos-verdure-3:#3e850f;--cos-verdure-4:#2c6908;--cos-verdure-5:#1c4d04;--cos-green--5:#f2fff0;--cos-green--4:#def7da;--cos-green--3:#bcf0b6;--cos-green--2:#9ae895;--cos-green--1:#78e075;--cos-green-0:#57d957;--cos-green-1:#42bd46;--cos-green-2:#30a138;--cos-green-3:#21852b;--cos-green-4:#156920;--cos-green-5:#0b4d16;--cos-virid--5:#e6ffee;--cos-virid--4:#bcf7d2;--cos-virid--3:#95f0b9;--cos-virid--2:#6fe8a4;--cos-virid--1:#51e094;--cos-virid-0:#2bd982;--cos-virid-1:#20bd74;--cos-virid-2:#16a165;--cos-virid-3:#0f8555;--cos-virid-4:#086945;--cos-virid-5:#044d34;--cos-teal--5:#e0fff2;--cos-teal--4:#c9f5e4;--cos-teal--3:#96ebcd;--cos-teal--2:#67e0ba;--cos-teal--1:#3cd6ab;--cos-teal-0:#14cc9e;--cos-teal-1:#10b38f;--cos-teal-2:#0c997f;--cos-teal-3:#09806e;--cos-teal-4:#06665b;--cos-teal-5:#044d46;--cos-cyan--5:#e0fffa;--cos-cyan--4:#c7f2ec;--cos-cyan--3:#93e6dd;--cos-cyan--2:#64d9d1;--cos-cyan--1:#39ccc7;--cos-cyan-0:#13bfbf;--cos-cyan-1:#0fa3a8;--cos-cyan-2:#0c8891;--cos-cyan-3:#096f7a;--cos-cyan-4:#065763;--cos-cyan-5:#04404d;--cos-ocean--5:#e0fcff;--cos-ocean--4:#c9f0f5;--cos-ocean--3:#98e0ed;--cos-ocean--2:#6bd1e8;--cos-ocean--1:#3fbde0;--cos-ocean-0:#16a8d9;--cos-ocean-1:#118cbd;--cos-ocean-2:#0d72a1;--cos-ocean-3:#095985;--cos-ocean-4:#064369;--cos-ocean-5:#042e4d;--cos-sky--5:#e6f7ff;--cos-sky--4:#d2ebfa;--cos-sky--3:#a6d5f5;--cos-sky--2:#7dbef0;--cos-sky--1:#54a5eb;--cos-sky-0:#2e8ae6;--cos-sky-1:#2270c9;--cos-sky-2:#1859ad;--cos-sky-3:#104491;--cos-sky-4:#093175;--cos-sky-5:#042159;--cos-blue--5:#ebf3ff;--cos-blue--4:#d7e4fa;--cos-blue--3:#b0c8f5;--cos-blue--2:#8babf0;--cos-blue--1:#678ceb;--cos-blue-0:#456de6;--cos-blue-1:#3455c9;--cos-blue-2:#263fad;--cos-blue-3:#1a2c91;--cos-blue-4:#101c75;--cos-blue-5:#091059;--cos-indigo--5:#f0f2ff;--cos-indigo--4:#dce0fa;--cos-indigo--3:#bac0f5;--cos-indigo--2:#999ff0;--cos-indigo--1:#7a7eeb;--cos-indigo-0:#5c5ce6;--cos-indigo-1:#4b47c9;--cos-indigo-2:#3c34ad;--cos-indigo-3:#2f2491;--cos-indigo-4:#241775;--cos-indigo-5:#1a0d59;--cos-dutch--5:#f3ebff;--cos-dutch--4:#e4d7fa;--cos-dutch--3:#c8b0f5;--cos-dutch--2:#ab8bf0;--cos-dutch--1:#8c67eb;--cos-dutch-0:#6d45e6;--cos-dutch-1:#5534c9;--cos-dutch-2:#3f26ad;--cos-dutch-3:#2c1a91;--cos-dutch-4:#1c1075;--cos-dutch-5:#100959;--cos-purple--5:#f7e6ff;--cos-purple--4:#ebd2fa;--cos-purple--3:#d5a6f5;--cos-purple--2:#be7df0;--cos-purple--1:#a554eb;--cos-purple-0:#8a2ee6;--cos-purple-1:#6920bd;--cos-purple-2:#5216a1;--cos-purple-3:#3e0f85;--cos-purple-4:#310975;--cos-purple-5:#210459;--cos-violet--5:#ffe0fa;--cos-violet--4:#f2c7ec;--cos-violet--3:#e693dd;--cos-violet--2:#d964d1;--cos-violet--1:#cc39c7;--cos-violet-0:#bf13bf;--cos-violet-1:#a30fa8;--cos-violet-2:#880c91;--cos-violet-3:#6f097a;--cos-violet-4:#570663;--cos-violet-5:#40044d;--cos-fuchsia--5:#ffe0f2;--cos-fuchsia--4:#f5c9e4;--cos-fuchsia--3:#ed98cf;--cos-fuchsia--2:#e86bc0;--cos-fuchsia--1:#e03fb3;--cos-fuchsia-0:#d916a8;--cos-fuchsia-1:#bd1197;--cos-fuchsia-2:#a10d86;--cos-fuchsia-3:#850972;--cos-fuchsia-4:#69065d;--cos-fuchsia-5:#4d0446;--cos-cherry--5:#ffe6ee;--cos-cherry--4:#fad2e1;--cos-cherry--3:#f5a6c6;--cos-cherry--2:#f07daf;--cos-cherry--1:#eb549b;--cos-cherry-0:#e62e8a;--cos-cherry-1:#c9227b;--cos-cherry-2:#ad186d;--cos-cherry-3:#91105e;--cos-cherry-4:#75094e;--cos-cherry-5:#59043d;--cos-pink--5:#ffebf3;--cos-pink--4:#fad7e4;--cos-pink--3:#f5b0c8;--cos-pink--2:#f08bab;--cos-pink--1:#eb678c;--cos-pink-0:#e6456d;--cos-pink-1:#c93455;--cos-pink-2:#ad263f;--cos-pink-3:#911a2c;--cos-pink-4:#75101c;--cos-pink-5:#590910;--cos-gray--5:#f7f7f7;--cos-gray--4:#ececec;--cos-gray--3:#d6d6d6;--cos-gray--2:#b7b7b7;--cos-gray--1:#999;--cos-gray-0:#7b7b7b;--cos-gray-1:#656565;--cos-gray-2:#525252;--cos-gray-3:#464646;--cos-gray-4:#393939;--cos-gray-5:#292929;--cos-color-text:#333;--cos-color-bg:#fff;--cos-color-bg-dent:#f5f6f9;--cos-color-border:#b7b9c1;--cos-color-text-tiny:#626675;--cos-color-bg-page:#fff;--cos-color-bg-raised:#fff;--cos-color-bg-em:#f73131;--cos-color-text-slim:#9195a3;--cos-color-text-on-page:#848691;--cos-color-text-em:#f73131;--cos-color-text-minor:#626675;--cos-color-text-on-em:#fff;--cos-color-border-em:#f73131;--cos-color-bg-alive:#fd503e;--cos-color-border-alive:#fd503e;--cos-color-text-alive:#fd503e;--cos-color-text-on-alive:#fff;--cos-color-bg-primary:#4e6ef2;--cos-color-text-primary:#4e6ef2;--cos-color-text-on-primary:#fff;--cos-color-border-primary:#4e6ef2;--cos-color-text-error:#f73131;--cos-color-bg-primary-light:#edf0fd;--cos-color-bg-error:#f73131;--cos-color-text-on-primary-light:#4e6ef2;--cos-color-text-success:#39b362;--cos-color-text-on-error:#fff;--cos-color-border-success:#39b362;--cos-color-border-error:#f73131;--cos-color-text-on-success:#fff;--cos-color-bg-success:#39b362;--cos-color-text-em-disabled:#f7313166;--cos-color-text-primary-disabled:#4e6ef266;--cos-color-bg-primary-light-disabled:#edf0fd66;--cos-color-bg-primary-light-hover:#e0e3f0;--cos-color-bg-primary-disabled:#4e6ef266;--cos-color-bg-primary-hover:#4662d9;--cos-color-text-on-success-disabled:#ffffff66;--cos-color-text-on-error-light-hover:#f73131;--cos-color-text-on-em-light:#f73131;--cos-color-bg-alive-light:#fd503e1a;--cos-color-text-on-alive-light-hover:#fd503e;--cos-color-text-on-em-disabled:#ffffff66;--cos-color-text-on-success-light-disabled:#39b36266;--cos-color-text-on-success-light:#39b362;--cos-color-text-on-primary-disabled:#ffffff66;--cos-color-text-on-alive-hover:#fff;--cos-color-text-on-alive-disabled:#ffffff66;--cos-color-text-on-primary-hover:#fff;--cos-color-text-on-em-hover:#fff;--cos-color-bg-success-light:#39b3621a;--cos-color-text-success-hover:#33a058;--cos-color-text-on-em-light-disabled:#f7313166;--cos-color-text-em-hover:#dd2c2c;--cos-color-text-on-error-light-disabled:#f7313166;--cos-color-bg-error-light:#f731311a;--cos-color-text-primary-hover:#4662d9;--cos-color-text-success-disabled:#39b36266;--cos-color-text-alive-disabled:#fd503e66;--cos-color-bg-em-light:#eb33331a;--cos-color-text-on-error-light:#f73131;--cos-color-text-on-alive-light:#fd503e;--cos-color-text-on-error-hover:#fff;--cos-color-text-on-success-light-hover:#39b362;--cos-color-text-on-success-hover:#fff;--cos-color-text-on-primary-light-hover:#4e6ef2;--cos-color-text-on-em-light-hover:#f73131;--cos-color-text-error-hover:#dd2c2c;--cos-color-text-error-disabled:#f7313166;--cos-color-text-on-error-disabled:#ffffff66;--cos-color-text-on-primary-light-disabled:#4e6ef266;--cos-color-text-alive-hover:#e34737;--cos-color-text-on-alive-light-disabled:#fd503e66;--cos-color-bg-em-disabled:#f7313166;--cos-color-bg-error-hover:#dd2c2c;--cos-color-border-alive-light:#fd503e80;--cos-color-bg-error-disabled:#f7313166;--cos-color-bg-alive-hover:#e34737;--cos-color-border-alive-light-disabled:#fd503e33;--cos-color-border-active:#848691;--cos-color-border-em-light-disabled:#f7313133;--cos-color-border-error-light:#f7313180;--cos-color-bg-error-light-disabled:#f731310d;--cos-color-border-success-light:#39b36280;--cos-color-border-success-hover:#39b362;--cos-color-border-error-light-hover:#f7313180;--cos-color-bg-success-light-disabled:#39b3620d;--cos-color-border-success-disabled:#39b36266;--cos-color-border-em-light-hover:#f7313180;--cos-color-border-primary-light-hover:#4e6ef280;--cos-color-border-em-light:#a56a6a80;--cos-color-bg-alive-light-hover:#efe0df;--cos-color-bg-error-light-hover:#f1dede;--cos-color-bg-success-disabled:#39b36266;--cos-color-border-success-light-disabled:#39b36233;--cos-color-bg-alive-light-disabled:#fd503e0d;--cos-color-border-primary-light:#4e6ef280;--cos-color-border-primary-light-disabled:#4e6ef233;--cos-color-border-success-light-hover:#39b36280;--cos-color-border-alive-light-hover:#fd503e80;--cos-color-border-error-hover:#f73131;--cos-color-bg-success-light-hover:#dfebe3;--cos-color-bg-alive-disabled:#fd503e66;--cos-color-bg-em-hover:#dd2c2c;--cos-color-border-hover:#848691;--cos-color-border-primary-hover:#4e6ef2;--cos-color-bg-em-light-disabled:#f731310d;--cos-color-bg-success-hover:#33a058;--cos-color-border-em-hover:#f73131;--cos-color-bg-em-light-hover:#f1dede;--cos-color-border-alive-hover:#fd503e;--cos-color-border-error-disabled:#f7313166;--cos-color-border-primary-disabled:#4e6ef266;--cos-color-border-alive-disabled:#fd503e66;--cos-color-border-error-light-disabled:#f7313133;--cos-color-border-em-disabled:#f7313166;--cos-color-text-hover:#333;--cos-color-text-active:#4e6ef2;--cos-color-text-disabled:#33333366;--cos-color-border-disabled:#b7b9c166;--cos-color-bg-hover:#f2f2f2;--cos-color-bg-dent-hover:#e8e9ec;--cos-color-text-inverse:#fff;--cos-color-text-inverse-disabled:#ffffff66;--cos-color-text-slim-inverse:#ffffff66;--cos-color-text-tiny-inverse:#ffffffcc;--cos-color-text-minor-inverse:#ffffff99;--cos-color-text-minor-inverse-disabled:#ffffff3d;--cos-color-border-inverse-active:#fff;--cos-color-border-inverse:#ffffff66;--cos-color-border-inverse-disabled:#00000033;--cos-color-border-inverse-hove:#fff;--cos-color-bg-inverse:#00000080;--cos-color-bg-raised-inverse:#00000033;--cos-color-bg-inverse-hover:#00000099;--cos-color-bg-dent-inverse:#ffffff33;--cos-color-bg-dent-inverse-hover:#ffffff4d;--cos-color-text-slim-active:#9195a3;--cos-color-text-tiny-active:#626675;--cos-color-text-minor-active:#626675;--cos-color-text-inverse-active:#fff;--cos-color-bg-inverse-disabled:#00000080;--cos-color-text-minor-hover:#626675;--cos-color-bg-disabled:#fff;--cos-color-bg-raised-inverse-active:#00000033;--cos-color-text-minor-inverse-active:#ffffff99;--cos-color-text-success-active:#39b362;--cos-color-text-on-em-light-active:#f73131;--cos-color-text-slim-inverse-active:#ffffff66;--cos-color-bg-raised-disabled:#ffffff66;--cos-color-text-on-alive-active:#fff;--cos-color-text-tiny-inverse-disabled:#ffffff52;--cos-color-bg-dent-inverse-disabled:#ffffff33;--cos-color-text-primary-active:#4e6ef2;--cos-color-text-on-alive-light-active:#fd503e;--cos-color-text-on-success-active:#fff;--cos-color-text-on-success-light-active:#39b362;--cos-color-text-tiny-hover:#626675;--cos-color-text-tiny-inverse-hover:#ffffffcc;--cos-color-text-alive-active:#fd503e;--cos-color-text-em-active:#f73131;--cos-color-text-minor-inverse-hover:#ffffff99;--cos-color-text-on-primary-active:#fff;--cos-color-text-slim-hover:#9195a3;--cos-color-text-minor-disabled:#62667566;--cos-color-bg-dent-disabled:#f5f6f9;--cos-color-text-slim-disabled:#9195a366;--cos-color-text-inverse-hover:#fff;--cos-color-bg-raised-hover:#fff;--cos-color-text-slim-inverse-hover:#ffffff66;--cos-color-text-tiny-disabled:#62667566;--cos-color-text-error-active:#f73131;--cos-color-text-on-em-active:#fff;--cos-color-bg-raised-inverse-disabled:#00000014;--cos-color-text-tiny-inverse-active:#ffffffcc;--cos-color-bg-inverse-active:#00000080;--cos-color-bg-dent-active:#f5f6f9;--cos-color-bg-raised-active:#fff;--cos-color-text-on-error-light-active:#f73131;--cos-color-bg-raised-inverse-hover:#00000033;--cos-color-bg-dent-inverse-active:#ffffff33;--cos-color-text-on-error-active:#fff;--cos-color-bg-active:#fff;--cos-color-text-slim-inverse-disabled:#ffffff29;--cos-color-text-on-primary-light-active:#4e6ef2;--cos-color-border-error-light-active:#f7313180;--cos-color-bg-alive-active:#fd503e;--cos-color-border-alive-active:#fd503e;--cos-color-bg-em-active:#f73131;--cos-color-bg-alive-light-active:#fd503e1a;--cos-color-bg-success-light-active:#39b3621a;--cos-color-bg-success-active:#39b362;--cos-color-border-primary-active:#4e6ef2;--cos-color-border-em-active:#f73131;--cos-color-bg-error-light-active:#f731311a;--cos-color-border-em-light-active:#f7313180;--cos-color-bg-primary-light-active:#edf0fd;--cos-color-border-error-active:#f73131;--cos-color-border-success-light-active:#39b36280;--cos-color-bg-em-light-active:#eb33331a;--cos-color-border-success-active:#39b362;--cos-color-bg-error-active:#f73131;--cos-color-border-primary-light-active:#4e6ef280;--cos-color-border-inverse-hover:#fff;--cos-color-bg-primary-active:#4e6ef2;--cos-color-border-alive-light-active:#fd503e80;--cos-color-border-minor-inverse-hover:#ffffff40;--cos-color-border-tiny-disabled:#dbdce066;--cos-color-border-minor-inverse:#ffffff33;--cos-color-border-minor-inverse-disabled:#ffffff14;--cos-color-border-tiny-inverse:#ffffff4d;--cos-color-border-tiny-inverse-disabled:#ffffff1f;--cos-color-border-minor-inverse-active:#ffffff33;--cos-color-border-minor-hover:#e0e1e3;--cos-color-border-tiny-active:#dbdce0;--cos-color-border-tiny-inverse-hover:#ffffff59;--cos-color-border-tiny-active:#fff;--cos-color-border-tiny:#dbdce0;--cos-color-border-minor-active:#edeef0;--cos-color-border-tiny-inverse-active:#ffffff4d;--cos-color-border-tiny-hover:#cfd0d4;--cos-color-border-minor-disabled:#edeef066;--cos-color-border-minor:#edeef0;--cos-opacity-0:0;--cos-opacity-5:0.05;--cos-opacity-10:0.1;--cos-opacity-15:0.15;--cos-opacity-20:0.2;--cos-opacity-25:0.25;--cos-opacity-30:0.3;--cos-opacity-40:0.4;--cos-opacity-50:0.5;--cos-opacity-60:0.6;--cos-opacity-70:0.7;--cos-opacity-75:0.75;--cos-opacity-80:0.8;--cos-opacity-85:0.85;--cos-opacity-90:0.9;--cos-opacity-95:0.95;--cos-opacity-100:1}.cos-color-text{color:var(--cos-color-text)}.cos-color-bg{background-color:var(--cos-color-bg)}.cos-color-bg-dent{background-color:var(--cos-color-bg-dent)}.cos-color-border{border-color:var(--cos-color-border)}.cos-color-text-tiny{color:var(--cos-color-text-tiny)}.cos-color-bg-page{background-color:var(--cos-color-bg-page)}.cos-color-bg-raised{background-color:var(--cos-color-bg-raised)}.cos-color-bg-em{background-color:var(--cos-color-bg-em)}.cos-color-text-slim{color:var(--cos-color-text-slim)}.cos-color-text-on-page{color:var(--cos-color-text-on-page)}.cos-color-text-em{color:var(--cos-color-text-em)}.cos-color-text-minor{color:var(--cos-color-text-minor)}.cos-color-text-on-em{color:var(--cos-color-text-on-em)}.cos-color-border-em{border-color:var(--cos-color-border-em)}.cos-color-bg-alive{background-color:var(--cos-color-bg-alive)}.cos-color-border-alive{border-color:var(--cos-color-border-alive)}.cos-color-text-alive{color:var(--cos-color-text-alive)}.cos-color-text-on-alive{color:var(--cos-color-text-on-alive)}.cos-color-bg-primary{background-color:var(--cos-color-bg-primary)}.cos-color-text-primary{color:var(--cos-color-text-primary)}.cos-color-text-on-primary{color:var(--cos-color-text-on-primary)}.cos-color-border-primary{border-color:var(--cos-color-border-primary)}.cos-color-text-error{color:var(--cos-color-text-error)}.cos-color-bg-primary-light{background-color:var(--cos-color-bg-primary-light)}.cos-color-bg-error{background-color:var(--cos-color-bg-error)}.cos-color-text-on-primary-light{color:var(--cos-color-text-on-primary-light)}.cos-color-text-success{color:var(--cos-color-text-success)}.cos-color-text-on-error{color:var(--cos-color-text-on-error)}.cos-color-border-success{border-color:var(--cos-color-border-success)}.cos-color-border-error{border-color:var(--cos-color-border-error)}.cos-color-text-on-success{color:var(--cos-color-text-on-success)}.cos-color-bg-success{background-color:var(--cos-color-bg-success)}.cos-color-text-em-disabled{color:var(--cos-color-text-em-disabled)}.cos-color-text-primary-disabled{color:var(--cos-color-text-primary-disabled)}.cos-color-bg-primary-light-disabled{background-color:var(--cos-color-bg-primary-light-disabled)}.cos-color-bg-primary-light-hover{background-color:var(--cos-color-bg-primary-light-hover)}.cos-color-bg-primary-disabled{background-color:var(--cos-color-bg-primary-disabled)}.cos-color-bg-primary-hover{background-color:var(--cos-color-bg-primary-hover)}.cos-color-text-on-success-disabled{color:var(--cos-color-text-on-success-disabled)}.cos-color-text-on-error-light-hover{color:var(--cos-color-text-on-error-light-hover)}.cos-color-text-on-em-light{color:var(--cos-color-text-on-em-light)}.cos-color-bg-alive-light{background-color:var(--cos-color-bg-alive-light)}.cos-color-text-on-alive-light-hover{color:var(--cos-color-text-on-alive-light-hover)}.cos-color-text-on-em-disabled{color:var(--cos-color-text-on-em-disabled)}.cos-color-text-on-success-light-disabled{color:var(--cos-color-text-on-success-light-disabled)}.cos-color-text-on-success-light{color:var(--cos-color-text-on-success-light)}.cos-color-text-on-primary-disabled{color:var(--cos-color-text-on-primary-disabled)}.cos-color-text-on-alive-hover{color:var(--cos-color-text-on-alive-hover)}.cos-color-text-on-alive-disabled{color:var(--cos-color-text-on-alive-disabled)}.cos-color-text-on-primary-hover{color:var(--cos-color-text-on-primary-hover)}.cos-color-text-on-em-hover{color:var(--cos-color-text-on-em-hover)}.cos-color-bg-success-light{background-color:var(--cos-color-bg-success-light)}.cos-color-text-success-hover{color:var(--cos-color-text-success-hover)}.cos-color-text-on-em-light-disabled{color:var(--cos-color-text-on-em-light-disabled)}.cos-color-text-em-hover{color:var(--cos-color-text-em-hover)}.cos-color-text-on-error-light-disabled{color:var(--cos-color-text-on-error-light-disabled)}.cos-color-bg-error-light{background-color:var(--cos-color-bg-error-light)}.cos-color-text-primary-hover{color:var(--cos-color-text-primary-hover)}.cos-color-text-success-disabled{color:var(--cos-color-text-success-disabled)}.cos-color-text-alive-disabled{color:var(--cos-color-text-alive-disabled)}.cos-color-bg-em-light{background-color:var(--cos-color-bg-em-light)}.cos-color-text-on-error-light{color:var(--cos-color-text-on-error-light)}.cos-color-text-on-alive-light{color:var(--cos-color-text-on-alive-light)}.cos-color-text-on-error-hover{color:var(--cos-color-text-on-error-hover)}.cos-color-text-on-success-light-hover{color:var(--cos-color-text-on-success-light-hover)}.cos-color-text-on-success-hover{color:var(--cos-color-text-on-success-hover)}.cos-color-text-on-primary-light-hover{color:var(--cos-color-text-on-primary-light-hover)}.cos-color-text-on-em-light-hover{color:var(--cos-color-text-on-em-light-hover)}.cos-color-text-error-hover{color:var(--cos-color-text-error-hover)}.cos-color-text-error-disabled{color:var(--cos-color-text-error-disabled)}.cos-color-text-on-error-disabled{color:var(--cos-color-text-on-error-disabled)}.cos-color-text-on-primary-light-disabled{color:var(--cos-color-text-on-primary-light-disabled)}.cos-color-text-alive-hover{color:var(--cos-color-text-alive-hover)}.cos-color-text-on-alive-light-disabled{color:var(--cos-color-text-on-alive-light-disabled)}.cos-color-bg-em-disabled{background-color:var(--cos-color-bg-em-disabled)}.cos-color-bg-error-hover{background-color:var(--cos-color-bg-error-hover)}.cos-color-border-alive-light{border-color:var(--cos-color-border-alive-light)}.cos-color-bg-error-disabled{background-color:var(--cos-color-bg-error-disabled)}.cos-color-bg-alive-hover{background-color:var(--cos-color-bg-alive-hover)}.cos-color-border-alive-light-disabled{border-color:var(--cos-color-border-alive-light-disabled)}.cos-color-border-active{border-color:var(--cos-color-border-active)}.cos-color-border-em-light-disabled{border-color:var(--cos-color-border-em-light-disabled)}.cos-color-border-error-light{border-color:var(--cos-color-border-error-light)}.cos-color-bg-error-light-disabled{background-color:var(--cos-color-bg-error-light-disabled)}.cos-color-border-success-light{border-color:var(--cos-color-border-success-light)}.cos-color-border-success-hover{border-color:var(--cos-color-border-success-hover)}.cos-color-border-error-light-hover{border-color:var(--cos-color-border-error-light-hover)}.cos-color-bg-success-light-disabled{background-color:var(--cos-color-bg-success-light-disabled)}.cos-color-border-success-disabled{border-color:var(--cos-color-border-success-disabled)}.cos-color-border-em-light-hover{border-color:var(--cos-color-border-em-light-hover)}.cos-color-border-primary-light-hover{border-color:var(--cos-color-border-primary-light-hover)}.cos-color-border-em-light{border-color:var(--cos-color-border-em-light)}.cos-color-bg-alive-light-hover{background-color:var(--cos-color-bg-alive-light-hover)}.cos-color-bg-error-light-hover{background-color:var(--cos-color-bg-error-light-hover)}.cos-color-bg-success-disabled{background-color:var(--cos-color-bg-success-disabled)}.cos-color-border-success-light-disabled{border-color:var(--cos-color-border-success-light-disabled)}.cos-color-bg-alive-light-disabled{background-color:var(--cos-color-bg-alive-light-disabled)}.cos-color-border-primary-light{border-color:var(--cos-color-border-primary-light)}.cos-color-border-primary-light-disabled{border-color:var(--cos-color-border-primary-light-disabled)}.cos-color-border-success-light-hover{border-color:var(--cos-color-border-success-light-hover)}.cos-color-border-alive-light-hover{border-color:var(--cos-color-border-alive-light-hover)}.cos-color-border-error-hover{border-color:var(--cos-color-border-error-hover)}.cos-color-bg-success-light-hover{background-color:var(--cos-color-bg-success-light-hover)}.cos-color-bg-alive-disabled{background-color:var(--cos-color-bg-alive-disabled)}.cos-color-bg-em-hover{background-color:var(--cos-color-bg-em-hover)}.cos-color-border-hover{border-color:var(--cos-color-border-hover)}.cos-color-border-primary-hover{border-color:var(--cos-color-border-primary-hover)}.cos-color-bg-em-light-disabled{background-color:var(--cos-color-bg-em-light-disabled)}.cos-color-bg-success-hover{background-color:var(--cos-color-bg-success-hover)}.cos-color-border-em-hover{border-color:var(--cos-color-border-em-hover)}.cos-color-bg-em-light-hover{background-color:var(--cos-color-bg-em-light-hover)}.cos-color-border-alive-hover{border-color:var(--cos-color-border-alive-hover)}.cos-color-border-error-disabled{border-color:var(--cos-color-border-error-disabled)}.cos-color-border-primary-disabled{border-color:var(--cos-color-border-primary-disabled)}.cos-color-border-alive-disabled{border-color:var(--cos-color-border-alive-disabled)}.cos-color-border-error-light-disabled{border-color:var(--cos-color-border-error-light-disabled)}.cos-color-border-em-disabled{border-color:var(--cos-color-border-em-disabled)}.cos-color-text-hover{color:var(--cos-color-text-hover)}.cos-color-text-active{color:var(--cos-color-text-active)}.cos-color-text-disabled{color:var(--cos-color-text-disabled)}.cos-color-border-disabled{border-color:var(--cos-color-border-disabled)}.cos-color-bg-hover{background-color:var(--cos-color-bg-hover)}.cos-color-bg-dent-hover{background-color:var(--cos-color-bg-dent-hover)}.cos-color-text-inverse{color:var(--cos-color-text-inverse)}.cos-color-text-inverse-disabled{color:var(--cos-color-text-inverse-disabled)}.cos-color-text-slim-inverse{color:var(--cos-color-text-slim-inverse)}.cos-color-text-tiny-inverse{color:var(--cos-color-text-tiny-inverse)}.cos-color-text-minor-inverse{color:var(--cos-color-text-minor-inverse)}.cos-color-text-minor-inverse-disabled{color:var(--cos-color-text-minor-inverse-disabled)}.cos-color-border-inverse-active{border-color:var(--cos-color-border-inverse-active)}.cos-color-border-inverse{border-color:var(--cos-color-border-inverse)}.cos-color-border-inverse-disabled{border-color:var(--cos-color-border-inverse-disabled)}.cos-color-border-inverse-hove{border-color:var(--cos-color-border-inverse-hove)}.cos-color-bg-inverse{background-color:var(--cos-color-bg-inverse)}.cos-color-bg-raised-inverse{background-color:var(--cos-color-bg-raised-inverse)}.cos-color-bg-inverse-hover{background-color:var(--cos-color-bg-inverse-hover)}.cos-color-bg-dent-inverse{background-color:var(--cos-color-bg-dent-inverse)}.cos-color-bg-dent-inverse-hover{background-color:var(--cos-color-bg-dent-inverse-hover)}.cos-color-text-slim-active{color:var(--cos-color-text-slim-active)}.cos-color-text-tiny-active{color:var(--cos-color-text-tiny-active)}.cos-color-text-minor-active{color:var(--cos-color-text-minor-active)}.cos-color-text-inverse-active{color:var(--cos-color-text-inverse-active)}.cos-color-bg-inverse-disabled{background-color:var(--cos-color-bg-inverse-disabled)}.cos-color-text-minor-hover{color:var(--cos-color-text-minor-hover)}.cos-color-bg-disabled{background-color:var(--cos-color-bg-disabled)}.cos-color-bg-raised-inverse-active{background-color:var(--cos-color-bg-raised-inverse-active)}.cos-color-text-minor-inverse-active{color:var(--cos-color-text-minor-inverse-active)}.cos-color-text-success-active{color:var(--cos-color-text-success-active)}.cos-color-text-on-em-light-active{color:var(--cos-color-text-on-em-light-active)}.cos-color-text-slim-inverse-active{color:var(--cos-color-text-slim-inverse-active)}.cos-color-bg-raised-disabled{background-color:var(--cos-color-bg-raised-disabled)}.cos-color-text-on-alive-active{color:var(--cos-color-text-on-alive-active)}.cos-color-text-tiny-inverse-disabled{color:var(--cos-color-text-tiny-inverse-disabled)}.cos-color-bg-dent-inverse-disabled{background-color:var(--cos-color-bg-dent-inverse-disabled)}.cos-color-text-primary-active{color:var(--cos-color-text-primary-active)}.cos-color-text-on-alive-light-active{color:var(--cos-color-text-on-alive-light-active)}.cos-color-text-on-success-active{color:var(--cos-color-text-on-success-active)}.cos-color-text-on-success-light-active{color:var(--cos-color-text-on-success-light-active)}.cos-color-text-tiny-hover{color:var(--cos-color-text-tiny-hover)}.cos-color-text-tiny-inverse-hover{color:var(--cos-color-text-tiny-inverse-hover)}.cos-color-text-alive-active{color:var(--cos-color-text-alive-active)}.cos-color-text-em-active{color:var(--cos-color-text-em-active)}.cos-color-text-minor-inverse-hover{color:var(--cos-color-text-minor-inverse-hover)}.cos-color-text-on-primary-active{color:var(--cos-color-text-on-primary-active)}.cos-color-text-slim-hover{color:var(--cos-color-text-slim-hover)}.cos-color-text-minor-disabled{color:var(--cos-color-text-minor-disabled)}.cos-color-bg-dent-disabled{background-color:var(--cos-color-bg-dent-disabled)}.cos-color-text-slim-disabled{color:var(--cos-color-text-slim-disabled)}.cos-color-text-inverse-hover{color:var(--cos-color-text-inverse-hover)}.cos-color-bg-raised-hover{background-color:var(--cos-color-bg-raised-hover)}.cos-color-text-slim-inverse-hover{color:var(--cos-color-text-slim-inverse-hover)}.cos-color-text-tiny-disabled{color:var(--cos-color-text-tiny-disabled)}.cos-color-text-error-active{color:var(--cos-color-text-error-active)}.cos-color-text-on-em-active{color:var(--cos-color-text-on-em-active)}.cos-color-bg-raised-inverse-disabled{background-color:var(--cos-color-bg-raised-inverse-disabled)}.cos-color-text-tiny-inverse-active{color:var(--cos-color-text-tiny-inverse-active)}.cos-color-bg-inverse-active{background-color:var(--cos-color-bg-inverse-active)}.cos-color-bg-dent-active{background-color:var(--cos-color-bg-dent-active)}.cos-color-bg-raised-active{background-color:var(--cos-color-bg-raised-active)}.cos-color-text-on-error-light-active{color:var(--cos-color-text-on-error-light-active)}.cos-color-bg-raised-inverse-hover{background-color:var(--cos-color-bg-raised-inverse-hover)}.cos-color-bg-dent-inverse-active{background-color:var(--cos-color-bg-dent-inverse-active)}.cos-color-text-on-error-active{color:var(--cos-color-text-on-error-active)}.cos-color-bg-active{background-color:var(--cos-color-bg-active)}.cos-color-text-slim-inverse-disabled{color:var(--cos-color-text-slim-inverse-disabled)}.cos-color-text-on-primary-light-active{color:var(--cos-color-text-on-primary-light-active)}.cos-color-border-error-light-active{border-color:var(--cos-color-border-error-light-active)}.cos-color-bg-alive-active{background-color:var(--cos-color-bg-alive-active)}.cos-color-border-alive-active{border-color:var(--cos-color-border-alive-active)}.cos-color-bg-em-active{background-color:var(--cos-color-bg-em-active)}.cos-color-bg-alive-light-active{background-color:var(--cos-color-bg-alive-light-active)}.cos-color-bg-success-light-active{background-color:var(--cos-color-bg-success-light-active)}.cos-color-bg-success-active{background-color:var(--cos-color-bg-success-active)}.cos-color-border-primary-active{border-color:var(--cos-color-border-primary-active)}.cos-color-border-em-active{border-color:var(--cos-color-border-em-active)}.cos-color-bg-error-light-active{background-color:var(--cos-color-bg-error-light-active)}.cos-color-border-em-light-active{border-color:var(--cos-color-border-em-light-active)}.cos-color-bg-primary-light-active{background-color:var(--cos-color-bg-primary-light-active)}.cos-color-border-error-active{border-color:var(--cos-color-border-error-active)}.cos-color-border-success-light-active{border-color:var(--cos-color-border-success-light-active)}.cos-color-bg-em-light-active{background-color:var(--cos-color-bg-em-light-active)}.cos-color-border-success-active{border-color:var(--cos-color-border-success-active)}.cos-color-bg-error-active{background-color:var(--cos-color-bg-error-active)}.cos-color-border-primary-light-active{border-color:var(--cos-color-border-primary-light-active)}.cos-color-border-inverse-hover{border-color:var(--cos-color-border-inverse-hover)}.cos-color-bg-primary-active{background-color:var(--cos-color-bg-primary-active)}.cos-color-border-alive-light-active{border-color:var(--cos-color-border-alive-light-active)}.cos-color-border-minor-inverse-hover{border-color:var(--cos-color-border-minor-inverse-hover)}.cos-color-border-tiny-disabled{border-color:var(--cos-color-border-tiny-disabled)}.cos-color-border-minor-inverse{border-color:var(--cos-color-border-minor-inverse)}.cos-color-border-minor-inverse-disabled{border-color:var(--cos-color-border-minor-inverse-disabled)}.cos-color-border-tiny-inverse{border-color:var(--cos-color-border-tiny-inverse)}.cos-color-border-tiny-inverse-disabled{border-color:var(--cos-color-border-tiny-inverse-disabled)}.cos-color-border-minor-inverse-active{border-color:var(--cos-color-border-minor-inverse-active)}.cos-color-border-minor-hover{border-color:var(--cos-color-border-minor-hover)}.cos-color-border-tiny-inverse-hover{border-color:var(--cos-color-border-tiny-inverse-hover)}.cos-color-border-tiny-active{border-color:var(--cos-color-border-tiny-active)}.cos-color-border-tiny{border-color:var(--cos-color-border-tiny)}.cos-color-border-minor-active{border-color:var(--cos-color-border-minor-active)}.cos-color-border-tiny-inverse-active{border-color:var(--cos-color-border-tiny-inverse-active)}.cos-color-border-tiny-hover{border-color:var(--cos-color-border-tiny-hover)}.cos-color-border-minor-disabled{border-color:var(--cos-color-border-minor-disabled)}.cos-color-border-minor{border-color:var(--cos-color-border-minor)}.cos-opacity-0{opacity:0}.cos-opacity-5{opacity:.05}.cos-opacity-10{opacity:.1}.cos-opacity-15{opacity:.15}.cos-opacity-20{opacity:.2}.cos-opacity-25{opacity:.25}.cos-opacity-30{opacity:.3}.cos-opacity-40{opacity:.4}.cos-opacity-50{opacity:.5}.cos-opacity-60{opacity:.6}.cos-opacity-70{opacity:.7}.cos-opacity-75{opacity:.75}.cos-opacity-80{opacity:.8}.cos-opacity-85{opacity:.85}.cos-opacity-90{opacity:.9}.cos-opacity-95{opacity:.95}.cos-opacity-100{opacity:1}.cos-block{display:block}.cos-inline-block{display:inline-block}.cos-inline{display:inline}.cos-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.cos-inline-flex{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.cos-grid{display:grid}.cos-inline-grid{display:inline-grid}.cos-hidden{display:none}.cos-visible{visibility:visible}.cos-invisible{visibility:hidden}.cos-collapse{visibility:collapse}.cos-text-left{text-align:left}.cos-text-center{text-align:center}.cos-text-right{text-align:right}.cos-text-justify{text-align:justify}.cos-text-start{text-align:start}.cos-text-end{text-align:end}.cos-underline{text-decoration-line:underline}.cos-no-underline{text-decoration-line:none}.cos-flex-1{-webkit-box-flex:1;-webkit-flex:1 1 0%;-ms-flex:1 1 0%;flex:1 1 0%}.cos-flex-auto{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.cos-flex-initial{-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.cos-flex-none{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}.cos-shrink{-ms-flex-negative:1;-webkit-flex-shrink:1;flex-shrink:1}.cos-shrink-0{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0}.cos-flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.cos-flex-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.cos-flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.cos-flex-col-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.cos-pc,:root{--cos-aladdin-space-left:16px;--cos-aladdin-space-top:16px}.cos-aladdin-space-pt{padding-top:var(--cos-aladdin-space-top)}.cos-aladdin-space-pl{padding-left:var(--cos-aladdin-space-left)}.cos-aladdin-space-pb{padding-bottom:var(--cos-aladdin-space-top)}.cos-aladdin-space-pr{padding-right:var(--cos-aladdin-space-left)}.cos-brandlogo-space-mt{margin-top:calc(var(--cos-aladdin-space-top)*-1)}.cos-brandlogo-space-ml{margin-left:calc(var(--cos-aladdin-space-left)*-1)}:root{--cos-font-regular:400;--cos-font-medium:500;--cos-font-medium-stroke:0px}.cos-font-regular{font-weight:var(--cos-font-regular)}.cos-font-medium{font-weight:var(--cos-font-medium)}.cos-font-medium,.cos-font-medium-important{-webkit-text-stroke:var(--cos-font-medium-stroke)}.cos-font-medium-important{font-weight:var(--cos-font-medium)!important}.cos-font-medium,.cos-font-medium-important,.cos-font-regular{font-family:-apple-system,Arial,Helvetica,sans-serif}.cos-android{--cos-font-medium:400;--cos-font-medium-stroke:0.3px}.cos-pc,:root{--cos-text-headline-xl:35px;--cos-leading-headline-xl:41px;--cos-text-headline:20px;--cos-leading-headline:26px;--cos-text-headline-sm:18px;--cos-leading-headline-sm:24px;--cos-text-subtitle:16px;--cos-leading-subtitle:22px;--cos-text-subtitle-sm:14px;--cos-leading-subtitle-sm:20px;--cos-text-body-lg:14px;--cos-leading-body-lg:23px;--cos-text-body:13px;--cos-leading-body:22px;--cos-text-caption:12px;--cos-leading-caption:21px;--cos-text-caption-sm:12px;--cos-leading-caption-sm:21px}.cos-text-headline-xl{--cos-text:var(--cos-text-headline-xl);--cos-leading:var(--cos-leading-headline-xl);font-size:var(--cos-text-headline-xl);line-height:var(--cos-leading-headline-xl)}.cos-text-headline,.cos-text-headline-xl{-webkit-text-stroke:var(--cos-font-medium-stroke);font-family:-apple-system,Arial,Helvetica,sans-serif;font-weight:var(--cos-font-medium)}.cos-text-headline{--cos-text:var(--cos-text-headline);--cos-leading:var(--cos-leading-headline);font-size:var(--cos-text-headline);line-height:var(--cos-leading-headline)}.cos-text-headline-sm{--cos-text:var(--cos-text-headline-sm);--cos-leading:var(--cos-leading-headline-sm);font-size:var(--cos-text-headline-sm);line-height:var(--cos-leading-headline-sm)}.cos-text-headline-sm,.cos-text-subtitle{font-family:-apple-system,Arial,Helvetica,sans-serif;font-weight:var(--cos-font-regular)}.cos-text-subtitle{--cos-text:var(--cos-text-subtitle);--cos-leading:var(--cos-leading-subtitle);font-size:var(--cos-text-subtitle);line-height:var(--cos-leading-subtitle)}.cos-text-subtitle-sm{--cos-text:var(--cos-text-subtitle-sm);--cos-leading:var(--cos-leading-subtitle-sm);font-size:var(--cos-text-subtitle-sm);line-height:var(--cos-leading-subtitle-sm)}.cos-text-body-lg,.cos-text-subtitle-sm{font-family:-apple-system,Arial,Helvetica,sans-serif;font-weight:var(--cos-font-regular)}.cos-text-body-lg{--cos-text:var(--cos-text-body-lg);--cos-leading:var(--cos-leading-body-lg);font-size:var(--cos-text-body-lg);line-height:var(--cos-leading-body-lg)}.cos-text-body{--cos-text:var(--cos-text-body);--cos-leading:var(--cos-leading-body);font-size:var(--cos-text-body);line-height:var(--cos-leading-body)}.cos-text-body,.cos-text-caption{font-family:-apple-system,Arial,Helvetica,sans-serif;font-weight:var(--cos-font-regular)}.cos-text-caption{--cos-text:var(--cos-text-caption);--cos-leading:var(--cos-leading-caption);font-size:var(--cos-text-caption);line-height:var(--cos-leading-caption)}.cos-text-caption-sm{--cos-text:var(--cos-text-caption-sm);--cos-leading:var(--cos-leading-caption-sm);font-family:-apple-system,Arial,Helvetica,sans-serif;font-size:var(--cos-text-caption-sm);font-weight:var(--cos-font-regular);line-height:var(--cos-leading-caption-sm)}.cos-line-clamp-10,.cos-line-clamp-11,.cos-line-clamp-12,.cos-line-clamp-13,.cos-line-clamp-14,.cos-line-clamp-15,.cos-line-clamp-16,.cos-line-clamp-17,.cos-line-clamp-18,.cos-line-clamp-19,.cos-line-clamp-2,.cos-line-clamp-20,.cos-line-clamp-3,.cos-line-clamp-4,.cos-line-clamp-5,.cos-line-clamp-6,.cos-line-clamp-7,.cos-line-clamp-8,.cos-line-clamp-9{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal}.cos-line-clamp-1{-webkit-box-orient:inline-axis;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cos-line-clamp-2{-webkit-line-clamp:2}.cos-line-clamp-3{-webkit-line-clamp:3}.cos-line-clamp-4{-webkit-line-clamp:4}.cos-line-clamp-5{-webkit-line-clamp:5}.cos-line-clamp-6{-webkit-line-clamp:6}.cos-line-clamp-7{-webkit-line-clamp:7}.cos-line-clamp-8{-webkit-line-clamp:8}.cos-line-clamp-9{-webkit-line-clamp:9}.cos-line-clamp-10{-webkit-line-clamp:10}.cos-line-clamp-11{-webkit-line-clamp:11}.cos-line-clamp-12{-webkit-line-clamp:12}.cos-line-clamp-13{-webkit-line-clamp:13}.cos-line-clamp-14{-webkit-line-clamp:14}.cos-line-clamp-15{-webkit-line-clamp:15}.cos-line-clamp-16{-webkit-line-clamp:16}.cos-line-clamp-17{-webkit-line-clamp:17}.cos-line-clamp-18{-webkit-line-clamp:18}.cos-line-clamp-19{-webkit-line-clamp:19}.cos-line-clamp-20{-webkit-line-clamp:20}.cos-pc,:root{--cos-rounded-none:0px;--cos-rounded-sm:9px;--cos-rounded-xxs:3px;--cos-rounded-md:12px;--cos-rounded-lg:15px;--cos-rounded-xl:18px;--cos-rounded-xxl:21px;--cos-rounded-full:9900px;--cos-rounded-xs:6px}.cos-rounded-none{border-radius:var(--cos-rounded-none)}.cos-rounded-sm{border-radius:var(--cos-rounded-sm)}.cos-rounded-xxs{border-radius:var(--cos-rounded-xxs)}.cos-rounded-md{border-radius:var(--cos-rounded-md)}.cos-rounded-lg{border-radius:var(--cos-rounded-lg)}.cos-rounded-xl{border-radius:var(--cos-rounded-xl)}.cos-rounded-xxl{border-radius:var(--cos-rounded-xxl)}.cos-rounded-full{border-radius:var(--cos-rounded-full)}.cos-rounded-xs{border-radius:var(--cos-rounded-xs)}.cos-pc,:root{--cos-space-none:16px;--cos-space-3xs:3px;--cos-space-xxs:6px;--cos-space-xs:9px;--cos-space-sm:12px;--cos-space-md:15px;--cos-space-lg:18px;--cos-space-xl:21px;--cos-space-xxl:24px;--cos-space-3xl:27px}.cos-space-m-none{margin:16px;margin:var(--cos-space-none)}.cos-space-mt-none{margin-top:16px;margin-top:var(--cos-space-none)}.cos-space-mr-none{margin-right:16px;margin-right:var(--cos-space-none)}.cos-space-mb-none{margin-bottom:16px;margin-bottom:var(--cos-space-none)}.cos-space-ml-none{margin-left:16px;margin-left:var(--cos-space-none)}.cos-space-m-3xs{margin:3px;margin:var(--cos-space-3xs)}.cos-space-mt-3xs{margin-top:3px;margin-top:var(--cos-space-3xs)}.cos-space-mr-3xs{margin-right:3px;margin-right:var(--cos-space-3xs)}.cos-space-mb-3xs{margin-bottom:3px;margin-bottom:var(--cos-space-3xs)}.cos-space-ml-3xs{margin-left:3px;margin-left:var(--cos-space-3xs)}.cos-space-m-xxs{margin:6px;margin:var(--cos-space-xxs)}.cos-space-mt-xxs{margin-top:6px;margin-top:var(--cos-space-xxs)}.cos-space-mr-xxs{margin-right:6px;margin-right:var(--cos-space-xxs)}.cos-space-mb-xxs{margin-bottom:6px;margin-bottom:var(--cos-space-xxs)}.cos-space-ml-xxs{margin-left:6px;margin-left:var(--cos-space-xxs)}.cos-space-m-xs{margin:9px;margin:var(--cos-space-xs)}.cos-space-mt-xs{margin-top:9px;margin-top:var(--cos-space-xs)}.cos-space-mr-xs{margin-right:9px;margin-right:var(--cos-space-xs)}.cos-space-mb-xs{margin-bottom:9px;margin-bottom:var(--cos-space-xs)}.cos-space-ml-xs{margin-left:9px;margin-left:var(--cos-space-xs)}.cos-space-m-sm{margin:12px;margin:var(--cos-space-sm)}.cos-space-mt-sm{margin-top:12px;margin-top:var(--cos-space-sm)}.cos-space-mr-sm{margin-right:12px;margin-right:var(--cos-space-sm)}.cos-space-mb-sm{margin-bottom:12px;margin-bottom:var(--cos-space-sm)}.cos-space-ml-sm{margin-left:12px;margin-left:var(--cos-space-sm)}.cos-space-m-md{margin:15px;margin:var(--cos-space-md)}.cos-space-mt-md{margin-top:15px;margin-top:var(--cos-space-md)}.cos-space-mr-md{margin-right:15px;margin-right:var(--cos-space-md)}.cos-space-mb-md{margin-bottom:15px;margin-bottom:var(--cos-space-md)}.cos-space-ml-md{margin-left:15px;margin-left:var(--cos-space-md)}.cos-space-m-lg{margin:18px;margin:var(--cos-space-lg)}.cos-space-mt-lg{margin-top:18px;margin-top:var(--cos-space-lg)}.cos-space-mr-lg{margin-right:18px;margin-right:var(--cos-space-lg)}.cos-space-mb-lg{margin-bottom:18px;margin-bottom:var(--cos-space-lg)}.cos-space-ml-lg{margin-left:18px;margin-left:var(--cos-space-lg)}.cos-space-m-xl{margin:21px;margin:var(--cos-space-xl)}.cos-space-mt-xl{margin-top:21px;margin-top:var(--cos-space-xl)}.cos-space-mr-xl{margin-right:21px;margin-right:var(--cos-space-xl)}.cos-space-mb-xl{margin-bottom:21px;margin-bottom:var(--cos-space-xl)}.cos-space-ml-xl{margin-left:21px;margin-left:var(--cos-space-xl)}.cos-space-m-xxl{margin:24px;margin:var(--cos-space-xxl)}.cos-space-mt-xxl{margin-top:24px;margin-top:var(--cos-space-xxl)}.cos-space-mr-xxl{margin-right:24px;margin-right:var(--cos-space-xxl)}.cos-space-mb-xxl{margin-bottom:24px;margin-bottom:var(--cos-space-xxl)}.cos-space-ml-xxl{margin-left:24px;margin-left:var(--cos-space-xxl)}.cos-space-m-3xl{margin:27px;margin:var(--cos-space-3xl)}.cos-space-mt-3xl{margin-top:27px;margin-top:var(--cos-space-3xl)}.cos-space-mr-3xl{margin-right:27px;margin-right:var(--cos-space-3xl)}.cos-space-mb-3xl{margin-bottom:27px;margin-bottom:var(--cos-space-3xl)}.cos-space-ml-3xl{margin-left:27px;margin-left:var(--cos-space-3xl)}.cos-space-p-none{padding:16px;padding:var(--cos-space-none)}.cos-space-pt-none{padding-top:16px;padding-top:var(--cos-space-none)}.cos-space-pr-none{padding-right:16px;padding-right:var(--cos-space-none)}.cos-space-pb-none{padding-bottom:16px;padding-bottom:var(--cos-space-none)}.cos-space-pl-none{padding-left:16px;padding-left:var(--cos-space-none)}.cos-space-p-3xs{padding:3px;padding:var(--cos-space-3xs)}.cos-space-pt-3xs{padding-top:3px;padding-top:var(--cos-space-3xs)}.cos-space-pr-3xs{padding-right:3px;padding-right:var(--cos-space-3xs)}.cos-space-pb-3xs{padding-bottom:3px;padding-bottom:var(--cos-space-3xs)}.cos-space-pl-3xs{padding-left:3px;padding-left:var(--cos-space-3xs)}.cos-space-p-xxs{padding:6px;padding:var(--cos-space-xxs)}.cos-space-pt-xxs{padding-top:6px;padding-top:var(--cos-space-xxs)}.cos-space-pr-xxs{padding-right:6px;padding-right:var(--cos-space-xxs)}.cos-space-pb-xxs{padding-bottom:6px;padding-bottom:var(--cos-space-xxs)}.cos-space-pl-xxs{padding-left:6px;padding-left:var(--cos-space-xxs)}.cos-space-p-xs{padding:9px;padding:var(--cos-space-xs)}.cos-space-pt-xs{padding-top:9px;padding-top:var(--cos-space-xs)}.cos-space-pr-xs{padding-right:9px;padding-right:var(--cos-space-xs)}.cos-space-pb-xs{padding-bottom:9px;padding-bottom:var(--cos-space-xs)}.cos-space-pl-xs{padding-left:9px;padding-left:var(--cos-space-xs)}.cos-space-p-sm{padding:12px;padding:var(--cos-space-sm)}.cos-space-pt-sm{padding-top:12px;padding-top:var(--cos-space-sm)}.cos-space-pr-sm{padding-right:12px;padding-right:var(--cos-space-sm)}.cos-space-pb-sm{padding-bottom:12px;padding-bottom:var(--cos-space-sm)}.cos-space-pl-sm{padding-left:12px;padding-left:var(--cos-space-sm)}.cos-space-p-md{padding:15px;padding:var(--cos-space-md)}.cos-space-pt-md{padding-top:15px;padding-top:var(--cos-space-md)}.cos-space-pr-md{padding-right:15px;padding-right:var(--cos-space-md)}.cos-space-pb-md{padding-bottom:15px;padding-bottom:var(--cos-space-md)}.cos-space-pl-md{padding-left:15px;padding-left:var(--cos-space-md)}.cos-space-p-lg{padding:18px;padding:var(--cos-space-lg)}.cos-space-pt-lg{padding-top:18px;padding-top:var(--cos-space-lg)}.cos-space-pr-lg{padding-right:18px;padding-right:var(--cos-space-lg)}.cos-space-pb-lg{padding-bottom:18px;padding-bottom:var(--cos-space-lg)}.cos-space-pl-lg{padding-left:18px;padding-left:var(--cos-space-lg)}.cos-space-p-xl{padding:21px;padding:var(--cos-space-xl)}.cos-space-pt-xl{padding-top:21px;padding-top:var(--cos-space-xl)}.cos-space-pr-xl{padding-right:21px;padding-right:var(--cos-space-xl)}.cos-space-pb-xl{padding-bottom:21px;padding-bottom:var(--cos-space-xl)}.cos-space-pl-xl{padding-left:21px;padding-left:var(--cos-space-xl)}.cos-space-p-xxl{padding:24px;padding:var(--cos-space-xxl)}.cos-space-pt-xxl{padding-top:24px;padding-top:var(--cos-space-xxl)}.cos-space-pr-xxl{padding-right:24px;padding-right:var(--cos-space-xxl)}.cos-space-pb-xxl{padding-bottom:24px;padding-bottom:var(--cos-space-xxl)}.cos-space-pl-xxl{padding-left:24px;padding-left:var(--cos-space-xxl)}.cos-space-p-3xl{padding:27px;padding:var(--cos-space-3xl)}.cos-space-pt-3xl{padding-top:27px;padding-top:var(--cos-space-3xl)}.cos-space-pr-3xl{padding-right:27px;padding-right:var(--cos-space-3xl)}.cos-space-pb-3xl{padding-bottom:27px;padding-bottom:var(--cos-space-3xl)}.cos-space-pl-3xl{padding-left:27px;padding-left:var(--cos-space-3xl)}._result_1bdt7_1,._result_79xlg_1{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-justify-content:center;justify-content:center;width:100%}._load_1bdt7_2{-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0,0,0,.65);color:#1890ff;display:none;line-height:1.5;list-style:none;margin:0;opacity:0;padding:0;position:absolute;text-align:center;-webkit-transition:-webkit-transform .3s cubic-bezier(.78,.14,.15,.86);transition:-webkit-transform .3s cubic-bezier(.78,.14,.15,.86);transition:transform .3s cubic-bezier(.78,.14,.15,.86);transition:transform .3s cubic-bezier(.78,.14,.15,.86),-webkit-transform .3s cubic-bezier(.78,.14,.15,.86);vertical-align:middle}._loading_1bdt7_17{display:block;opacity:1;position:static}._nested_1bdt7_22{position:relative}._nested-loading_1bdt7_25{display:block;height:100%;max-height:360px;position:absolute;width:100%;z-index:4}._container_1bdt7_34{zoom:1;-webkit-filter:blur(.5px);filter:blur(.5px);opacity:.5;overflow:hidden;pointer-events:none;position:relative;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._container_1bdt7_34:after,._container_1bdt7_34:before{content:"";display:table}._container_1bdt7_34:after{background:#fff;bottom:0;clear:both;left:0;opacity:.3;position:absolute;right:0;top:0;-webkit-transition:all .3s;transition:all .3s;z-index:10}._button_lze3o_8{-webkit-text-stroke:var(--cos-font-medium-stroke);-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-text-stroke:0;-webkit-align-items:center;align-items:center;background-image:-webkit-gradient(linear,left top,right bottom,from(#36f),to(#4d4dff));background-image:linear-gradient(to bottom right,#36f,#4d4dff);border-radius:300px;border-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-family:-apple-system,Arial,Helvetica,sans-serif;font-size:14.000000000000002px;font-weight:var(--cos-font-medium)!important;font-weight:400!important;-webkit-justify-content:center;justify-content:center;line-height:40px;padding:0 5px;text-align:center;width:100%}._button-active_lze3o_29:not([disabled]),._button_lze3o_8[disabled]{opacity:.2}._content_lze3o_32{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._button_lze3o_8{border-radius:15px;cursor:pointer;font-family:inherit;font-size:14px;height:30px;line-height:30px;padding:0 21px}._button_lze3o_8[disabled]{cursor:not-allowed}._button_lze3o_8:active:not([disabled]),._button_lze3o_8:hover:not([disabled]){background:#315efb}._button_mil6z_8{-webkit-text-stroke:var(--cos-font-medium-stroke);-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-text-stroke:0;-webkit-align-items:center;align-items:center;background-image:-webkit-gradient(linear,left top,right bottom,from(#36f),to(#4d4dff));background-image:linear-gradient(to bottom right,#36f,#4d4dff);border-radius:300px;border-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-family:-apple-system,Arial,Helvetica,sans-serif;font-size:14.000000000000002px;font-weight:var(--cos-font-medium)!important;font-weight:400!important;-webkit-justify-content:center;justify-content:center;line-height:40px;padding:0 5px;text-align:center;width:100%}._button-active_mil6z_29:not([disabled]),._button_mil6z_8[disabled]{opacity:.2}._content_mil6z_32{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._button_mil6z_8{background-color:rgba(78,110,242,.1);background-image:-webkit-gradient(linear,left top,right bottom,from(#e8f7ff),to(#edf0ff));background-image:linear-gradient(to bottom right,#e8f7ff,#edf0ff);color:#36f}.c-darkmode ._button_mil6z_8{background-image:none}@media (prefers-color-scheme:dark){._button_mil6z_8{background-image:none}}._button_mil6z_8{border:unset}._button_mil6z_8:active:not([disabled]),._button_mil6z_8:hover:not([disabled]){background:#315efb;color:#fff}._button_1qe6k_8{-webkit-text-stroke:var(--cos-font-medium-stroke);-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-text-stroke:0;-webkit-align-items:center;align-items:center;background-image:-webkit-gradient(linear,left top,right bottom,from(#36f),to(#4d4dff));background-image:linear-gradient(to bottom right,#36f,#4d4dff);border-radius:300px;border-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-family:-apple-system,Arial,Helvetica,sans-serif;font-size:14.000000000000002px;font-weight:var(--cos-font-medium)!important;font-weight:400!important;-webkit-justify-content:center;justify-content:center;line-height:40px;padding:0 5px;text-align:center;width:100%}._button-active_1qe6k_29:not([disabled]),._button_1qe6k_8[disabled]{opacity:.2}._content_1qe6k_32{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._button_1qe6k_8{border-radius:15px;cursor:pointer;font-family:inherit;font-size:14px;height:30px;line-height:30px;padding:0 21px}._button_1qe6k_8[disabled]{cursor:not-allowed}._button_1qe6k_8:active:not([disabled]),._button_1qe6k_8:hover:not([disabled]){background:#315efb}._button_1qe6k_8{border-radius:12px;font-size:13px;height:24px;line-height:24px;padding:0 12px}._button_1cjd2_8{-webkit-text-stroke:var(--cos-font-medium-stroke);-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-text-stroke:0;-webkit-align-items:center;align-items:center;background-image:-webkit-gradient(linear,left top,right bottom,from(#36f),to(#4d4dff));background-image:linear-gradient(to bottom right,#36f,#4d4dff);border-radius:300px;border-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-family:-apple-system,Arial,Helvetica,sans-serif;font-size:14.000000000000002px;font-weight:var(--cos-font-medium)!important;font-weight:400!important;-webkit-justify-content:center;justify-content:center;line-height:40px;padding:0 5px;text-align:center;width:100%}._button-active_1cjd2_29:not([disabled]),._button_1cjd2_8[disabled]{opacity:.2}._content_1cjd2_32{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._button_1cjd2_8{background-color:rgba(78,110,242,.1);background-image:-webkit-gradient(linear,left top,right bottom,from(#e8f7ff),to(#edf0ff));background-image:linear-gradient(to bottom right,#e8f7ff,#edf0ff);color:#36f}.c-darkmode ._button_1cjd2_8{background-image:none}@media (prefers-color-scheme:dark){._button_1cjd2_8{background-image:none}}._button_1cjd2_8{border:unset}._button_1cjd2_8:active:not([disabled]),._button_1cjd2_8:hover:not([disabled]){background:#315efb;color:#fff}._button_1cjd2_8{border-radius:12px;font-size:13px;height:24px;line-height:24px;padding:0 12px}._button_souci_8{-webkit-text-stroke:var(--cos-font-medium-stroke);-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-text-stroke:0;-webkit-align-items:center;align-items:center;background-image:-webkit-gradient(linear,left top,right bottom,from(#36f),to(#4d4dff));background-image:linear-gradient(to bottom right,#36f,#4d4dff);border-radius:300px;border-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-family:-apple-system,Arial,Helvetica,sans-serif;font-size:14.000000000000002px;font-weight:var(--cos-font-medium)!important;font-weight:400!important;-webkit-justify-content:center;justify-content:center;line-height:40px;padding:0 5px;text-align:center;width:100%}._button-active_souci_29:not([disabled]),._button_souci_8[disabled]{opacity:.2}._content_souci_32{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._button_souci_8{border-radius:15px;cursor:pointer;font-family:inherit;font-size:14px;height:30px;line-height:30px;padding:0 21px}._button_souci_8[disabled]{cursor:not-allowed}._button_souci_8:active:not([disabled]),._button_souci_8:hover:not([disabled]){background:#315efb}._button_souci_8{background:unset;border:unset;color:#9195a3}._button_souci_8:active:not([disabled]){color:#f73131;text-decoration:underline}._button_souci_8:hover:not([disabled]){background:unset;color:#315efb;text-decoration:underline}button,button:focus{outline:none}._button_aztbl_8{-webkit-text-stroke:var(--cos-font-medium-stroke);-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-text-stroke:0;-webkit-align-items:center;align-items:center;background-image:-webkit-gradient(linear,left top,right bottom,from(#36f),to(#4d4dff));background-image:linear-gradient(to bottom right,#36f,#4d4dff);border-radius:300px;border-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-family:-apple-system,Arial,Helvetica,sans-serif;font-size:14.000000000000002px;font-weight:var(--cos-font-medium)!important;font-weight:400!important;-webkit-justify-content:center;justify-content:center;line-height:40px;padding:0 5px;text-align:center;width:100%}._button-active_aztbl_29:not([disabled]),._button_aztbl_8[disabled]{opacity:.2}._content_aztbl_32{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._button_aztbl_8{border-radius:15px;cursor:pointer;font-family:inherit;font-size:14px;height:30px;line-height:30px;padding:0 21px}._button_aztbl_8[disabled]{cursor:not-allowed}._button_aztbl_8:active:not([disabled]),._button_aztbl_8:hover:not([disabled]){background:#315efb}._button_aztbl_8{background-color:#f5f6f9;background-image:none;border-color:#f5f6f9;border-radius:9px;color:#333}._button_aztbl_8:active:not([disabled]),._button_aztbl_8:hover:not([disabled]){background:rgba(49,94,251,.1);color:#315efb}.cos-button,.cos-button-new{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-image:-webkit-gradient(linear,left top,right bottom,from(#36f),to(#4d4dff));background-image:linear-gradient(to bottom right,#36f,#4d4dff);border-radius:300px;border-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-size:14.000000000000002px;-webkit-justify-content:center;justify-content:center;line-height:40px;outline:none;overflow:hidden;padding:0 5px;text-align:center;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%}.cos-button .cos-icon,.cos-button-new .cos-icon{font-size:18px}.cos-button-new:focus,.cos-button:focus{outline:none}.cos-button-new.cos-inline,.cos-button.cos-inline{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:unset}.cos-button-new.cos-active,.cos-button-new.cos-disabled,.cos-button.cos-active,.cos-button.cos-disabled{opacity:.2}.cos-button-new.cos-sm,.cos-button.cos-sm{line-height:30px}.cos-button-new.cos-secondary,.cos-button.cos-secondary{background-color:rgba(78,110,242,.1);background-image:-webkit-gradient(linear,left top,right bottom,from(#e8f7ff),to(#edf0ff));background-image:linear-gradient(to bottom right,#e8f7ff,#edf0ff);color:#36f}:global(.c-darkmode) .cos-button-new.cos-secondary,:global(.c-darkmode) .cos-button.cos-secondary{background-image:none}@media (prefers-color-scheme:dark){.cos-button-new.cos-secondary,.cos-button.cos-secondary{background-image:none}}.cos-button,.cos-button-new{border-radius:15px;cursor:pointer;font-family:inherit;font-size:14px;line-height:30px;padding:0 21px}.cos-button-new:active:not([disabled]),.cos-button-new:hover:not([disabled]),.cos-button:active:not([disabled]),.cos-button:hover:not([disabled]){background:#315efb}.cos-button-new.cos-disabled,.cos-button.cos-disabled{cursor:not-allowed}.cos-button-new.cos-sm,.cos-button.cos-sm{border-radius:12px;font-size:13px;line-height:24px;padding:0 12px}.cos-button-new.cos-secondary,.cos-button.cos-secondary{border:unset}.cos-button-new.cos-secondary:hover:not([disabled]),.cos-button.cos-secondary:hover:not([disabled]){background:#315efb;color:#fff}.cos-button-new.cos-text,.cos-button.cos-text{background:unset;border:unset;color:#2440b3;display:inline;font-size:13px;line-height:24px;padding:0;width:unset}.cos-button-new.cos-text:active:not([disabled]),.cos-button-new.cos-text:hover:not([disabled]),.cos-button.cos-text:active:not([disabled]),.cos-button.cos-text:hover:not([disabled]){background:unset;border:unset;color:#315efb}a:active .cos-button-new.cos-text:active:not([disabled]),a:active .cos-button.cos-text:active:not([disabled]){color:#f73131;text-decoration:none}.cos-button-new.cos-text:hover:not([disabled]),.cos-button.cos-text:hover:not([disabled]){color:#315efb;text-decoration:underline}.cos-button-new.cos-sublink,.cos-button.cos-sublink{background-color:#f5f6f9;background-image:none;border-color:#f5f6f9;border-radius:6px;color:#333}.cos-button-new.cos-sublink:hover:not([disabled]),.cos-button.cos-sublink:hover:not([disabled]){background:rgba(49,94,251,.1);color:#315efb}.cos-link-button{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:var(--cos-color-bg-dent);border-radius:var(--cos-rounded-sm);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--cos-color-text);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-family:-apple-system,Arial,Helvetica,sans-serif;font-weight:var(--cos-font-regular);height:32px;-webkit-justify-content:center;justify-content:center;line-height:32px;outline:none;overflow:hidden;padding-left:6px;padding-left:var(--cos-space-xxs);padding-right:6px;padding-right:var(--cos-space-xxs);text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%}.cos-link-button:focus{outline:none}.cos-link-button.cos-disabled{cursor:not-allowed}.cos-link-button.cos-hover{background-color:var(--cos-color-bg-hover);color:var(--cos-color-text-hover)}.cos-link-button.cos-active{opacity:.2}.cos-link-button.cos-disabled{opacity:.4}.cos-link-button.cos-lg{height:40px;line-height:40px}.cos-link-button.cos-sm{height:27px;line-height:27px}._paragraph_lzhxo_2{font-weight:var(--font-normal)}._paragraph_lzhxo_2.xs{font-size:var(--font-xs);line-height:var(--leading-xs)}._paragraph_lzhxo_2.sm{font-size:var(--font-sm);line-height:var(--leading-sm)}._paragraph_lzhxo_2.md{font-size:var(--font-md);line-height:var(--leading-md)}._paragraph_lzhxo_2.lg{font-size:var(--font-lg);line-height:var(--leading-lg)}._no-spacing_lzhxo_29{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}._no-spacing_lzhxo_29 ._paragraph_lzhxo_2.xs{margin-bottom:-10px;margin-top:-10px}._no-spacing_lzhxo_29 ._paragraph_lzhxo_2.sm{margin-bottom:-30px;margin-top:-30px}._no-spacing_lzhxo_29 ._paragraph_lzhxo_2.md{margin-bottom:-35px;margin-top:-35px}._no-spacing_lzhxo_29 ._paragraph_lzhxo_2.lg{margin-bottom:-40px;margin-top:-40px}._prefix_lzhxo_1,._suffix_lzhxo_1{display:inline-block;vertical-align:baseline}._paragraph_lzhxo_2{font:18px/24px Arial,sans-serif;font-weight:400}._paragraph_lzhxo_2.xs{font-size:14px;line-height:23px}._paragraph_lzhxo_2.sm{font-size:16px;line-height:22px}._paragraph_lzhxo_2.md{font-size:18px;line-height:24px}._paragraph_lzhxo_2.lg{font-size:20px;font-weight:500;line-height:26px}._paragraph_lzhxo_2.xl{font-size:20px;font-weight:500;line-height:29px}._no-spacing_lzhxo_29 ._paragraph_lzhxo_2.lg,._no-spacing_lzhxo_29 ._paragraph_lzhxo_2.md,._no-spacing_lzhxo_29 ._paragraph_lzhxo_2.sm{margin-bottom:-3px;margin-top:-2px}._no-spacing_lzhxo_29 ._paragraph_lzhxo_2.xl,._no-spacing_lzhxo_29 ._paragraph_lzhxo_2.xs{margin-bottom:-5px;margin-top:-4px}._label-title_lzhxo_40{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-right:34px;white-space:nowrap;width:100%}._label-title_lzhxo_40 ._no-spacing_lzhxo_29{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;max-width:100%}._title-suffix_lzhxo_52{margin-right:-34px}#container.sam_newgrid .c-container .t ._link_lzhxo_55{display:block}._link_1iyz5_2{cursor:pointer}div._link_1iyz5_2{cursor:default}a._link_1iyz5_2{cursor:pointer}._link_1iyz5_2{display:block;margin-bottom:6px;max-width:100%}._link_1iyz5_2.c-showurl-hover span{color:#315efb!important;text-decoration:underline}._paragraph_yuteh_2{font-weight:var(--font-normal)}._paragraph_yuteh_2.xs{font-size:var(--font-xs);line-height:var(--leading-xs)}._paragraph_yuteh_2.sm{font-size:var(--font-sm);line-height:var(--leading-sm)}._paragraph_yuteh_2.md{font-size:var(--font-md);line-height:var(--leading-md)}._paragraph_yuteh_2.lg{font-size:var(--font-lg);line-height:var(--leading-lg)}._no-spacing_yuteh_48{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}._no-spacing_yuteh_48 ._paragraph_yuteh_2.xs{margin-bottom:-10px;margin-top:-10px}._no-spacing_yuteh_48 ._paragraph_yuteh_2.sm{margin-bottom:-30px;margin-top:-30px}._no-spacing_yuteh_48 ._paragraph_yuteh_2.md{margin-bottom:-35px;margin-top:-35px}._no-spacing_yuteh_48 ._paragraph_yuteh_2.lg{margin-bottom:-40px;margin-top:-40px}._prefix_yuteh_1,._suffix_yuteh_1{display:inline-block;vertical-align:baseline}._paragraph_yuteh_2{font:18px/24px Arial,sans-serif;font-weight:400;overflow:hidden;padding-bottom:10px;text-overflow:ellipsis;white-space:nowrap}._paragraph_yuteh_2 ._icon_yuteh_11{background-color:transparent;color:#c4c7ce}._paragraph_yuteh_2.md{font-size:14px;line-height:20px}._paragraph_yuteh_2.md-16{font-size:16px;font-weight:500;line-height:22px}._paragraph_yuteh_2.md-18{font-size:18px;font-weight:500;line-height:24px}._paragraph_yuteh_2.lg{font-size:20px;font-weight:500;line-height:26px}._paragraph_yuteh_2.md-16,._paragraph_yuteh_2.md-18{padding-bottom:0}._paragraph_yuteh_2.md-16 ._icon_yuteh_11,._paragraph_yuteh_2.md-18 ._icon_yuteh_11{color:#1e1f24}._paragraph_yuteh_2.md-16 ._icon_yuteh_11{font-size:14px}._paragraph_yuteh_2.md-18 ._icon_yuteh_11{font-size:16px}._no-spacing_yuteh_48 ._paragraph_yuteh_2.lg,._no-spacing_yuteh_48 ._paragraph_yuteh_2.md,._no-spacing_yuteh_48 ._paragraph_yuteh_2.md-16,._no-spacing_yuteh_48 ._paragraph_yuteh_2.md-18{margin-bottom:-3px;margin-top:-2px}._link_yuteh_55,._link_yuteh_55:visited{color:#333}._link_yuteh_55:hover{color:#315efb;text-decoration:none}._link_yuteh_55:hover ._icon_yuteh_11{color:#315efb}._no-spacing_yuteh_48{overflow:hidden}._subtitle_yuteh_71{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;max-width:100%}._pre-img_yuteh_75{-ms-flex-negative:0;background-position:50%;background-repeat:no-repeat;background-size:cover;display:inline-block;-webkit-flex-shrink:0;flex-shrink:0}._pre-img_yuteh_75.md{height:14px;margin-right:2px;width:14px}._pre-img_yuteh_75.md-16{height:16px;margin-right:4px;width:16px}._pre-img_yuteh_75.md-18{height:18px;margin-right:6px;width:18px}._pre-img_yuteh_75.lg{height:20px;margin-right:6px;width:20px}._paragraph_avy0e_2{font-weight:var(--font-normal)}._paragraph_avy0e_2.xs{font-size:var(--font-xs);line-height:var(--leading-xs)}._paragraph_avy0e_2.sm{font-size:var(--font-sm);line-height:var(--leading-sm)}._paragraph_avy0e_2.md{font-size:var(--font-md);line-height:var(--leading-md)}._paragraph_avy0e_2.lg{font-size:var(--font-lg);line-height:var(--leading-lg)}._no-spacing_avy0e_16{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}._no-spacing_avy0e_16 ._paragraph_avy0e_2.xs{margin-bottom:-10px;margin-top:-10px}._no-spacing_avy0e_16 ._paragraph_avy0e_2.sm{margin-bottom:-30px;margin-top:-30px}._no-spacing_avy0e_16 ._paragraph_avy0e_2.md{margin-bottom:-35px;margin-top:-35px}._no-spacing_avy0e_16 ._paragraph_avy0e_2.lg{margin-bottom:-40px;margin-top:-40px}._prefix_avy0e_1,._suffix_avy0e_1{display:inline-block;vertical-align:baseline}._paragraph_avy0e_2{font:18px/24px Arial,sans-serif}._paragraph_avy0e_2.md{font-size:16px;font-weight:500;line-height:22px}._paragraph_avy0e_2.lg{font-size:18px;font-weight:500;line-height:24px}._no-spacing_avy0e_16 ._paragraph_avy0e_2.lg,._no-spacing_avy0e_16 ._paragraph_avy0e_2.md{margin-bottom:-3px;margin-top:-2px}._no-spacing_avy0e_16{overflow:hidden}._link_avy0e_24:visited{color:#1e1f24}._link_avy0e_24:hover{color:#315efb;text-decoration:none}._link_avy0e_24:hover ._icon_avy0e_31{color:#315efb}._group-title_avy0e_34{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#1e1f24;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;max-width:100%;padding-bottom:10px}._pre-img_avy0e_41{-ms-flex-negative:0;background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-flex-shrink:0;flex-shrink:0}._icon_avy0e_31{font-size:14px;line-height:1;margin-left:2px}._icon_avy0e_31.lg{font-size:16px}._no-spacing_4sbbx_4 ._paragraph_4sbbx_1.lg,._no-spacing_4sbbx_4 ._paragraph_4sbbx_1.md{margin-bottom:-5px;margin-top:-4px}._suffix_4sbbx_12{white-space:nowrap}.cos-paragraph-nospacing{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:-5px;margin-top:-4px}.cos-paragraph-prefix,.cos-paragraph-suffix{display:inline-block;vertical-align:baseline}._link_kwqvb_2{cursor:pointer}div._link_kwqvb_2{cursor:default}a._link_kwqvb_2{cursor:pointer}._search-link_ajims_1{color:#2440b3;cursor:pointer;display:inline-block}._search-link_ajims_1:hover{color:#315efb;text-decoration:underline}._search-link_ajims_1:active{color:#f73131;text-decoration:none}._suffix_ajims_14{color:rgba(36,64,179,.5);display:inline-block;font-size:12px;line-height:12px;margin-left:2px;-webkit-transform-origin:0 0;transform-origin:0 0;vertical-align:text-top}._search-link_ajims_1.sm{font-size:13px}._search-link_ajims_1.md{font-size:14px}._search-link_ajims_1.lg{font-size:20px}._suffix_ajims_14.sm{-webkit-transform:scale(.83);transform:scale(.83)}._suffix_ajims_14.md{-webkit-transform:scale(.83) translateY(-2px);transform:scale(.83) translateY(-2px)}._suffix_ajims_14.lg{-webkit-transform:scale(1) translateY(-1px);transform:scale(1) translateY(-1px)}._search-link_ajims_1:hover ._suffix_ajims_14{color:#315efb}._link_1h69q_2{cursor:pointer;overflow:hidden}._link_1h69q_2.c-touchable-feedback{-webkit-touch-callout:none!important;position:relative;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}._link_1h69q_2.c-touchable-feedback-no-default,._link_1h69q_2.c-touchable-feedback-no-default *{-webkit-tap-highlight-color:rgba(0,0,0,0)!important}._link_1h69q_2.c-touchable-feedback-expand{position:absolute;z-index:0}._link_1h69q_2.c-touchable-feedback-content{height:100%;position:relative;z-index:1}._aladdin_17ta2_1{position:relative}._content-border_17ta2_4{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 -16px;padding:0 16px}.cu-border._content-border_17ta2_4{padding:16px}.c-group-wrapper .sc-swiper-control-left,.sc-aladdin.sc-cover-card .sc-swiper-control-left{-webkit-transform:translate(-100%,calc(-50% - 9.5px));transform:translate(-100%,calc(-50% - 9.5px))}.c-group-wrapper .sc-swiper-control-right,.sc-aladdin.sc-cover-card .sc-swiper-control-right{-webkit-transform:translate(100%,calc(-50% - 9.5px));transform:translate(100%,calc(-50% - 9.5px))}.c-group-wrapper .sc-scroll-control-left,.sc-aladdin.sc-cover-card .sc-scroll-control-left{-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.c-group-wrapper .sc-scroll-control-right,.sc-aladdin.sc-cover-card .sc-scroll-control-right{-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%)}._content_17ta2_4{position:relative}._peak-layer_17ta2_31{border-top-left-radius:16px;border-top-right-radius:16px;height:100%;left:-16px;position:absolute;right:-16px;top:0}._peak-layer_17ta2_31 ._gradient-layer-mask_17ta2_40{bottom:0;left:0;position:absolute;right:0}._bg-header_17ta2_46{border-top-left-radius:16px;border-top-right-radius:16px;height:77px;left:0;overflow:hidden;position:absolute;top:0;width:100%}._horizontal-gradient_17ta2_56{background-repeat:no-repeat;background-size:cover;position:relative}._border-layer_17ta2_64,._horizontal-gradient_17ta2_56{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:100%}._border-layer_17ta2_64{border:1px solid;border-bottom:none;-o-border-image:linear-gradient(180deg,#fff,hsla(0,0%,100%,0));border-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(hsla(0,0%,100%,0)));border-image:linear-gradient(180deg,#fff,hsla(0,0%,100%,0));border-image-slice:1 1 0;border-image-width:1px;border-top-left-radius:16px;border-top-right-radius:16px;display:none;left:0;position:absolute;top:0}._border-layer_17ta2_64:after,._border-layer_17ta2_64:before{border-color:#fff;border-style:solid;content:"";height:16px;position:absolute;top:-1px;width:16px}._border-layer_17ta2_64:before{border-top-left-radius:16px;border-width:1px 0 0 1px;left:-1px}._border-layer_17ta2_64:after{border-top-right-radius:16px;border-width:1px 1px 0 0;right:-1px}._radial-gradient-box_17ta2_100{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}._radial-gradient-left_17ta2_108,._radial-gradient-right_17ta2_109{border-radius:50%;-webkit-filter:blur(18px);filter:blur(18px);height:300px;position:absolute;width:300px}._radial-gradient-left_17ta2_108{left:80px;top:-284px}._radial-gradient-right_17ta2_109{left:198px;top:-293px}._partial-image_17ta2_124{background-position:100% 0;background-repeat:no-repeat;background-size:contain;height:100%;left:0;position:absolute;top:0;width:100%}._new-kg-header_17ta2_134{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding-bottom:18px;padding-top:2px;position:relative}#container.sam_newgrid .c-container ._head-title_17ta2_142{margin-bottom:0}#container.sam_newgrid .c-container ._head-title_17ta2_142 ._link_17ta2_145,#container.sam_newgrid .c-container ._head-title_17ta2_142 ._link_17ta2_145.c-showurl-hover,#container.sam_newgrid .c-container ._head-title_17ta2_142 ._link_17ta2_145:active,#container.sam_newgrid .c-container ._head-title_17ta2_142 ._link_17ta2_145:hover{color:#333;text-decoration:none}#container.sam_newgrid .c-container ._head-title_17ta2_142 ._link_17ta2_145.c-showurl-hover ._paragraph_17ta2_155,#container.sam_newgrid .c-container ._head-title_17ta2_142 ._link_17ta2_145:active ._paragraph_17ta2_155,#container.sam_newgrid .c-container ._head-title_17ta2_142 ._link_17ta2_145:hover ._paragraph_17ta2_155{text-decoration:underline}._head-abstract_17ta2_160{color:rgba(51,51,51,.8);font-size:13px;line-height:22px;margin-bottom:-5px;margin-top:-4px}._head-logo_17ta2_167{height:44px;max-width:55px;min-width:44px;-o-object-fit:contain;object-fit:contain;-o-object-position:center right;object-position:center right}._head-entry_17ta2_174{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom-left-radius:16px;border-top-left-radius:16px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:33px;margin-right:-16px;padding:7.7px 12px 7.4px 10px}._head-entry-img_17ta2_184{height:18px;margin-right:6px;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:18px}._head-entry-text_17ta2_191{font-size:14px;font-weight:500;white-space:nowrap}._vertical-gradient_17ta2_196{background-image:-webkit-gradient(linear,left bottom,left top,from(#fff),to(hsla(0,0%,100%,0)));background-image:linear-gradient(0deg,#fff,hsla(0,0%,100%,0));bottom:0;height:65%;left:0;position:absolute;width:100%}.cu-container._gradient-layer-mask-bg_17ta2_204{background:#fff;border-top-left-radius:12px;border-top-right-radius:12px;bottom:0;left:0;margin:0 6px;padding:0;position:absolute;right:0;width:auto}._title-suffix_17ta2_216.md{line-height:18px}._title-suffix_17ta2_216.lg{line-height:20px}._head-group-title_17ta2_222 ._paragraph_17ta2_155.md{color:#222}._head-group-title_17ta2_222 ._icon_17ta2_225{background-color:transparent}a._head-group-title_17ta2_222:hover ._paragraph_17ta2_155.md{color:#315efb}._entry-wrapper_17ta2_231{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:18px;position:relative}._image_1gdgv_1{position:relative}._img_1gdgv_11{width:100%}._fallback_1gdgv_1,._placeholder_1gdgv_1{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;-webkit-justify-content:center;justify-content:center;width:100%}._content_1gdgv_2{position:absolute;position:static}._content_1gdgv_2 .cu-icon,._content_1gdgv_2>*{z-index:2}._bg_1gdgv_11 ._img_1gdgv_11{opacity:0}._around-mask_1gdgv_14{background:radial-gradient(transparent 50%,rgba(0,0,0,.05) 100%);height:100%;left:0;position:absolute;top:0;transform:translateZ(0);-webkit-transform:translateZ(0);width:100%}._info-mask_1gdgv_25{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(68%,rgba(0,0,0,.1)),to(rgba(0,0,0,.3)));background-image:linear-gradient(transparent,rgba(0,0,0,.1) 68%,rgba(0,0,0,.3));border-radius:12px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}._bottom-text_1gdgv_38{bottom:4px;font:14px/23px Arial,Helvetica,sans-serif;left:8px;max-width:90%}._bottom-text_1gdgv_38,._lb-label_1gdgv_49{color:#fff;overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap}._lb-label_1gdgv_49{bottom:5px;font-size:14px;left:7px;max-width:70%;text-shadow:0 0 2px rgba(0,0,0,.2)}._rb-label_1gdgv_61{bottom:4px;color:#fff;padding:0 8px;position:absolute;right:0;text-shadow:0 0 2px rgba(0,0,0,.2)}._lt-label_1gdgv_69{background-color:rgba(0,0,0,.5);border-radius:4px;color:#fff;font-size:10px;height:18px;left:6px;line-height:18px;padding:0 4px;position:absolute;top:6px}._lt-label_1gdgv_69 ._text_1gdgv_81{font-size:12px;margin-left:3px}._ratio-image_1gdgv_88 ._img_1gdgv_11{bottom:0;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;width:100%}._center-icon_1gdgv_98{color:#fff;left:50%;line-height:1;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}._hover-style_1gdgv_108{cursor:pointer;-webkit-transform:translateZ(0);transform:translateZ(0)}._hover-style_1gdgv_108 img{-webkit-transition:all .3s;transition:all .3s}._hover-style_1gdgv_108:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}._cos-image-group_nz8ge_1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}._cos-image-group-container_nz8ge_4{width:100%}._cos-image-group-item_nz8ge_7{-webkit-box-flex:1;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}._cos-image-group-item_nz8ge_7 .border,._cos-image-group-item_nz8ge_7 .sc-image{border-radius:2px}._cos-image-group-item_nz8ge_7:first-child .border,._cos-image-group-item_nz8ge_7:first-child .sc-image{border-bottom-left-radius:12px;border-top-left-radius:12px}._cos-image-group-item_nz8ge_7:last-child .border,._cos-image-group-item_nz8ge_7:last-child .sc-image{border-bottom-right-radius:12px;border-top-right-radius:12px}._cos-image-group-more_nz8ge_26{bottom:8px;color:#fff;font-size:12px;line-height:1;position:absolute;right:8px}._cos-image-group-more_nz8ge_26 i{font-size:16px;margin-right:3px;position:relative;top:2px}._container_iftv1_1 ._title_iftv1_1{display:block;margin:0;text-decoration:none!important}._container_iftv1_1 ._title_iftv1_1:hover{text-decoration:underline!important}._container_iftv1_1 ._abstract_iftv1_9{opacity:.8}._peak_iftv1_16{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;height:62px;margin:0 0 16px;padding:3px 0}._peak_iftv1_16 ._before_iftv1_23{display:none}._normal_iftv1_26{margin-bottom:4px;position:relative}._normal_iftv1_26 ._before_iftv1_23{border-radius:2.5px;display:block;height:20px;left:-16px;position:absolute;width:5px}._normal_iftv1_26 ._title_iftv1_1{color:#222}._normal_iftv1_26 ._abstract_iftv1_9{color:#9195a3;font-size:13px;margin:1px 0 5px}._list-wrap_15s63_1{position:relative}._list_15s63_2{height:100%}._x_15s63_1{overflow-x:auto;white-space:nowrap}._y_15s63_1{overflow-y:auto}._listWrap_15s63_2{-webkit-transform:rotate(0);transform:rotate(0)}._list_15s63_2{margin-top:-10px;overflow:hidden;padding:0 0 10px;position:relative;-webkit-transform:translateY(10px);transform:translateY(10px);width:100%}._scroll-inner_15s63_14{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-transition:all .3s;transition:all .3s;white-space:nowrap}._scroll-item_15s63_20{-webkit-box-flex:0;display:inline-block;-webkit-flex:none;-ms-flex:none;flex:none;vertical-align:top}._load_15s63_25{background:#fff;border-radius:50%;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.06);box-shadow:0 2px 10px rgba(0,0,0,.06);cursor:pointer;font-size:16px;height:39px;opacity:.8;position:absolute;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:39px;z-index:2}._load_15s63_25 ._icon_15s63_40{-webkit-text-stroke:.8px;color:#333;font-size:18px;font-weight:bolder;height:39px;line-height:39px;margin:0 auto;width:16px}._load_15s63_25:hover{opacity:1}._load_15s63_25:hover ._icon_15s63_40{color:#315efb;font-weight:700}._back_15s63_57{left:0;-webkit-transform:translate(calc(-50% - 5.5px),-50%);transform:translate(calc(-50% - 5.5px),-50%)}._more_15s63_61{right:0;-webkit-transform:translate(calc(50% + 5.5px),-50%);transform:translate(calc(50% + 5.5px),-50%)}._row_16geo_1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}._col_16geo_1{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.cos-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.cos-col{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}._layout_1wgi9_1{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%}._content_1wgi9_1,._layout_1wgi9_1{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto}._content_1wgi9_1{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}._header_1wgi9_1{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:0;-webkit-align-items:center;align-items:center;-webkit-flex:none;-ms-flex:none;flex:none;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}._hassider_1wgi9_1,._header_1wgi9_1{-webkit-box-orient:horizontal;-webkit-box-direction:normal}._hassider_1wgi9_1{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}._sider_1wgi9_1{-webkit-box-flex:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex:none;-ms-flex:none;flex:none;height:100%;position:relative}._horizontal_x1x6q_1._last_x1x6q_1{margin-right:0}._vertical_x1x6q_1._last_x1x6q_1{margin-bottom:0}._tag_1vduh_2{border-radius:calc(var(--rounded-md)*5);color:var(--color-white)}._content_1vduh_1,._prefix_1vduh_1,._suffix_1vduh_1,._tag_1vduh_2{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;justify-content:center}._tag_1vduh_2{background-color:rgba(57,179,98,.1);border:1px solid rgba(57,179,98,.5);color:#39b362;font-size:12px;height:16px;line-height:16px;padding:0 12px}.cos-tag{background-color:#36f;border-radius:4px;color:#fff;font-size:11px;line-height:16px;padding:0 5px}.cos-tag.cos-caption{background-color:transparent;border:1px solid #737d99;color:#737d99;line-height:14.000000000000002px}._cos-divider-horizontal_wtlly_1{background-color:transparent;height:1px;position:relative;width:auto}._cos-divider-horizontal_wtlly_1:after{background-color:#eee;content:"";height:1px;left:0;position:absolute;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%}@media (-webkit-max-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:1.2),(max-resolution:1.5dppx),(min-resolution:1.2dppx){._cos-divider-horizontal_wtlly_1:after{-webkit-transform:scaleY(.66666667);transform:scaleY(.66666667)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){._cos-divider-horizontal_wtlly_1:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){._cos-divider-horizontal_wtlly_1:after{-webkit-transform:scaleY(.33333333);transform:scaleY(.33333333)}}._cos-divider-vertical_wtlly_32{background-color:transparent;display:inline-block;height:100%;position:relative;vertical-align:middle;width:1px}._cos-divider-vertical_wtlly_32:after{background-color:#eee;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;width:1px}@media (-webkit-max-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:1.2),(max-resolution:1.5dppx),(min-resolution:1.2dppx){._cos-divider-vertical_wtlly_32:after{-webkit-transform:scaleX(.66666667);transform:scaleX(.66666667)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){._cos-divider-vertical_wtlly_32:after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){._cos-divider-vertical_wtlly_32:after{-webkit-transform:scaleX(.33333333);transform:scaleX(.33333333)}}._tabs_9j5cq_1{position:relative}._tabs-nav-wrapper_9j5cq_4{background-color:#f5f6f9;border-radius:9px;cursor:pointer;overflow:hidden;position:relative}._tabs-nav-wrapper_9j5cq_4 ::-webkit-scrollbar{display:none}._tabs-nav_9j5cq_4{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:9px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14.000000000000002px;padding:2px;position:relative}._tabs-nav-scroll_9j5cq_23{height:36px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;width:100%}._tabs-nav-scroll_9j5cq_23 ._tabs-nav-item_9j5cq_30{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;margin-right:6px;padding-left:12px;padding-right:12px}._tabs-nav-scroll_9j5cq_23 ._tabs-nav-item_9j5cq_30:last-child{margin-right:0}._tabs-nav-item_9j5cq_30{-webkit-box-flex:1;border-radius:8px;-webkit-flex:1;-ms-flex:1;flex:1;height:2.29em;line-height:2.29;padding-left:6px;padding-right:6px;text-align:center}._tabs-nav-item_9j5cq_30:hover{color:#315efb;cursor:pointer}._tabs-nav-selected_9j5cq_52{background-color:#fff;color:#4e6ef2;font-weight:700}._tabs-nav-scroll_9j5cq_23:has(._tabs-nav-multi_9j5cq_57){height:auto}._tabs-nav-multi_9j5cq_57{height:auto;line-height:1;padding:6px 0}._tabs-nav-subtext_9j5cq_65{color:#848691;font-size:12px;font-weight:400;margin-top:4px}._tabs-divider_9j5cq_71{border-bottom:1px solid rgba(0,0,0,.06);bottom:0;content:"";display:none;left:0;position:absolute;right:0}._tabs-cursor_9j5cq_80{background-color:#4e6ef2;bottom:0;display:none;height:2px;left:0;position:absolute;-webkit-transition:width .3s,left .3s,right .3s;transition:width .3s,left .3s,right .3s}._tabs-nav-wrapper_9j5cq_4:has(._tabs-nav-multi_9j5cq_57) ._left-arrow_9j5cq_89,._tabs-nav-wrapper_9j5cq_4:has(._tabs-nav-multi_9j5cq_57) ._right-arrow_9j5cq_90{height:100%}._tabs-nav-wrapper_9j5cq_4:has(._tabs-nav-multi_9j5cq_57) ._left-arrow_9j5cq_89 svg,._tabs-nav-wrapper_9j5cq_4:has(._tabs-nav-multi_9j5cq_57) ._right-arrow_9j5cq_90 svg{top:16px}._left-arrow_9j5cq_89,._right-arrow_9j5cq_90{cursor:pointer;height:36px;line-height:36px;position:absolute;text-align:center;top:0;width:60px;z-index:9}._left-arrow_9j5cq_89{background-image:-webkit-gradient(linear,left top,right top,color-stop(40%,#fff),to(hsla(0,0%,96%,0)));background-image:linear-gradient(90deg,#fff 40%,hsla(0,0%,96%,0));left:0}._left-arrow_9j5cq_89 svg{left:10px;position:absolute;top:12px}._right-arrow_9j5cq_90{background-image:-webkit-gradient(linear,right top,left top,color-stop(40%,#fff),to(hsla(0,0%,96%,0)));background-image:linear-gradient(270deg,#fff 40%,hsla(0,0%,96%,0));right:0}._right-arrow_9j5cq_90 svg{position:absolute;right:10px;top:10px}._tabs-content_9j5cq_126{position:relative;-webkit-transition:height .24s cubic-bezier(.4,0,.2,1) 0s;transition:height .24s cubic-bezier(.4,0,.2,1) 0s}._tab-content-animated_9j5cq_130{overflow:hidden}._tab-pane_9j5cq_133{width:100%}._tab-pane-animated_9j5cq_136{top:0;-webkit-transition:left .24s cubic-bezier(.18,.74,.78,.96) 0s;transition:left .24s cubic-bezier(.18,.74,.78,.96) 0s}._tabs_1exvs_1{position:relative}._tabs-nav-wrapper_1exvs_4{background-color:#f5f6f9;border-radius:9px;cursor:pointer;overflow:hidden;position:relative}._tabs-nav-wrapper_1exvs_4 ::-webkit-scrollbar{display:none}._tabs-nav_1exvs_4{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:9px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14.000000000000002px;padding:2px;position:relative}._tabs-nav-scroll_1exvs_23{height:36px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;width:100%}._tabs-nav-scroll_1exvs_23 ._tabs-nav-item_1exvs_30{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;margin-right:6px;padding-left:12px;padding-right:12px}._tabs-nav-scroll_1exvs_23 ._tabs-nav-item_1exvs_30:last-child{margin-right:0}._tabs-nav-item_1exvs_30{-webkit-box-flex:1;border-radius:8px;-webkit-flex:1;-ms-flex:1;flex:1;height:2.29em;line-height:2.29;padding-left:6px;padding-right:6px;text-align:center}._tabs-nav-item_1exvs_30:hover{color:#315efb;cursor:pointer}._tabs-nav-selected_1exvs_52{background-color:#fff;color:#4e6ef2}._tabs-nav-scroll_1exvs_23:has(._tabs-nav-multi_1exvs_57){height:auto}._tabs-nav-multi_1exvs_57{height:auto;line-height:1;padding:6px 0}._tabs-nav-subtext_1exvs_65{color:#848691;font-size:12px;font-weight:400;margin-top:4px}._tabs-divider_1exvs_71{border-bottom:1px solid rgba(0,0,0,.06);bottom:0;content:"";display:none;left:0;position:absolute;right:0}._tabs-cursor_1exvs_80{background-color:#4e6ef2;bottom:0;display:none;height:2px;left:0;position:absolute;-webkit-transition:width .3s,left .3s,right .3s;transition:width .3s,left .3s,right .3s}._tabs-nav-wrapper_1exvs_4:has(._tabs-nav-multi_1exvs_57) ._left-arrow_1exvs_89,._tabs-nav-wrapper_1exvs_4:has(._tabs-nav-multi_1exvs_57) ._right-arrow_1exvs_90{height:100%}._tabs-nav-wrapper_1exvs_4:has(._tabs-nav-multi_1exvs_57) ._left-arrow_1exvs_89 svg,._tabs-nav-wrapper_1exvs_4:has(._tabs-nav-multi_1exvs_57) ._right-arrow_1exvs_90 svg{top:16px}._left-arrow_1exvs_89,._right-arrow_1exvs_90{cursor:pointer;height:36px;line-height:36px;position:absolute;text-align:center;top:0;width:60px;z-index:9}._left-arrow_1exvs_89{background-image:-webkit-gradient(linear,left top,right top,color-stop(40%,#fff),to(hsla(0,0%,96%,0)));background-image:linear-gradient(90deg,#fff 40%,hsla(0,0%,96%,0))}._left-arrow_1exvs_89 svg{left:10px;position:absolute;top:12px}._right-arrow_1exvs_90{background-image:-webkit-gradient(linear,right top,left top,color-stop(40%,#fff),to(hsla(0,0%,96%,0)));background-image:linear-gradient(270deg,#fff 40%,hsla(0,0%,96%,0))}._right-arrow_1exvs_90 svg{position:absolute;right:10px;top:10px}._tabs-content_1exvs_126{position:relative;-webkit-transition:height .24s cubic-bezier(.4,0,.2,1) 0s;transition:height .24s cubic-bezier(.4,0,.2,1) 0s}._tab-content-animated_1exvs_130{overflow:hidden}._tab-pane_1exvs_133{width:100%}._tab-pane-animated_1exvs_136{top:0;-webkit-transition:left .24s cubic-bezier(.18,.74,.78,.96) 0s;transition:left .24s cubic-bezier(.18,.74,.78,.96) 0s}._tabs-nav_1exvs_4{color:#333;cursor:pointer;padding-left:0;padding-top:0}._tabs-nav-wrapper_1exvs_4,._tabs-nav_1exvs_4{background-color:transparent}._tabs-nav-item_1exvs_30{border-radius:6px;padding-left:12px;padding-right:12px}._tabs-nav-selected_1exvs_52{background-color:#f5f6f9;color:#333;font-weight:700}._tabs-nav-item_1exvs_30:not(._tabs-nav-selected_1exvs_52):hover{color:#315efb}._left-arrow_1exvs_89,._right-arrow_1exvs_90{height:32px}._left-arrow_1exvs_89{background-image:-webkit-gradient(linear,left top,right top,color-stop(40%,#fff),to(hsla(0,0%,100%,0)));background-image:linear-gradient(90deg,#fff 40%,hsla(0,0%,100%,0));left:0}._left-arrow_1exvs_89 svg{top:10px}._right-arrow_1exvs_90{background-image:-webkit-gradient(linear,right top,left top,color-stop(40%,#fff),to(hsla(0,0%,100%,0)));background-image:linear-gradient(270deg,#fff 40%,hsla(0,0%,100%,0));right:0}._right-arrow_1exvs_90 svg{top:8px}._tabs_1byb9_1{position:relative}._tabs_1byb9_1.cos-opacity ._tabs-nav_1byb9_4{background-color:hsla(0,0%,100%,.8)}._tabs-nav-wrapper_1byb9_7{background-color:transparent;border-radius:0;overflow:hidden;position:relative}._tabs-nav_1byb9_4{background-color:#f5f6f9;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1e1f24;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:16px;position:relative}._tabs-nav-item_1byb9_24,._tabs-nav_1byb9_4{border-radius:18px 18px 0 0;height:40px;padding:0}._tabs-nav-item_1byb9_24{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;line-height:40px;text-align:center}._tabs-nav-selected_1byb9_32{background-color:#fff;color:#1e1f24;font-weight:700}._left-arrow_1byb9_37,._right-arrow_1byb9_38{height:4px;line-height:4px}._button-group_hf96q_1{position:relative}._button-group-container_hf96q_4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}._button-group-scroll_hf96q_8{margin-bottom:0;margin-top:0;width:100%}._button-group-col_hf96q_13{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-left:8px;width:100%}._button-group-col_hf96q_13,._button-group-item_hf96q_18,._button-group-scroll-item_hf96q_20{cursor:pointer;height:28px;text-align:center}._button-group-col_hf96q_13:hover,._button-group-item_hf96q_18:hover,._button-group-scroll-item_hf96q_20:hover{color:#314efb}._button-group-col_hf96q_13 a,._button-group-item_hf96q_18 a,._button-group-scroll-item_hf96q_20 a{-webkit-box-pack:center;-ms-flex-pack:center;color:#333;-webkit-justify-content:center;justify-content:center;padding:0 8px;text-align:center;text-decoration:none}._button-group-col_hf96q_13 a:hover,._button-group-item_hf96q_18 a:hover,._button-group-scroll-item_hf96q_20 a:hover{color:#314efb}._button-group-col_hf96q_13,._button-group-item_hf96q_18{background-color:var(--cos-color-bg-dent);border-radius:6px;color:#333;cursor:pointer;font-size:14px;line-height:28px;overflow:hidden;text-decoration:none;text-overflow:ellipsis}._button-group-col_hf96q_13:active,._button-group-item_hf96q_18:active{opacity:.2}._button-group-item_hf96q_18{display:block}._button-group-selected_hf96q_63{color:#4e6ef2;position:relative}._avatar_1e0bo_7{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--color-gray-200);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-gray-800);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;justify-content:center;overflow:hidden}._avatar_1e0bo_7 img{display:block;height:100%;max-width:100%!important;-o-object-fit:cover;object-fit:cover}._content_1e0bo_1,._fallback_1e0bo_1,._placeholder_1e0bo_1{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;-webkit-justify-content:center;justify-content:center;width:100%}._container_1e0bo_2{display:inline-block;line-height:0;position:relative}._avatar_1e0bo_7{border:none;-webkit-box-shadow:0 0 0 1px rgba(30,31,36,.06);box-shadow:0 0 0 1px rgba(30,31,36,.06)}._avatar-border_1e0bo_11{-webkit-box-shadow:none;box-shadow:none;position:relative}._avatar-border_1e0bo_11:after{border-radius:50%;-webkit-box-shadow:inset 0 0 0 1px hsla(228,7%,74%,.2);box-shadow:inset 0 0 0 1px hsla(228,7%,74%,.2);content:"";height:100%;left:0;position:absolute;top:0;width:100%}._vip_1e0bo_25{border-radius:50%;bottom:-1px;position:absolute;right:-1px;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}._capsule_1e0bo_35,._vip_1e0bo_25{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}._capsule_1e0bo_35{background-color:#6d45e6;border-radius:18px;color:#fff;font-size:12px;height:18px;left:50%;position:relative;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:38px}._v1_1e0bo_49{background:#ffd352;border:1px solid #ffd352}._v1_1e0bo_49>i.cu-icon{color:#ff321b}._v2_1e0bo_56{background:#fff;border:1px solid #fff}._v2_1e0bo_56>i.cu-icon{color:#3897f0}._v3_1e0bo_63{background:#fff;border:1px solid #fff}._v3_1e0bo_63>i.cu-icon{color:#ffb820}._avatar_1e0bo_7.xs{height:16px;width:16px}._avatar_1e0bo_7.sm{height:24px;width:24px}._avatar_1e0bo_7.md{height:36px;width:36px}._avatar_1e0bo_7.lg{height:48px;width:48px}._avatar_1e0bo_7.xl{height:80px;width:80px}._vip_1e0bo_25.xs{-webkit-transform:scale(.72);transform:scale(.72)}._vip_1e0bo_25.xs>i.cu-icon{font-size:12px;line-height:1}._vip_1e0bo_25.sm{-webkit-transform:scale(.85);transform:scale(.85)}._vip_1e0bo_25.md>i.cu-icon,._vip_1e0bo_25.sm>i.cu-icon{font-size:12px;line-height:1}._vip_1e0bo_25.md>i.cu-icon{-webkit-transform:scale(1.05);transform:scale(1.05)}._vip_1e0bo_25.lg>i.cu-icon{font-size:18px;line-height:1;-webkit-transform:scale(1);transform:scale(1)}._vip_1e0bo_25.xl>i.cu-icon{font-size:26px;line-height:1;-webkit-transform:scale(.98);transform:scale(.98)}.cos-avatar{display:inline-block;line-height:0;position:relative}.cos-avatar-img{display:block;height:100%;max-width:100%!important;-o-object-fit:cover;object-fit:cover}.cos-avatar.cos-xs .cos-avatar-body{height:16px;width:16px}.cos-avatar.cos-xs .cos-avatar-vip{-webkit-transform:scale(.72);transform:scale(.72)}.cos-avatar.cos-xs .cos-avatar-vip .cos-icon{font-size:12px;line-height:1}.cos-avatar.cos-sm .cos-avatar-body{height:24px;width:24px}.cos-avatar.cos-sm .cos-avatar-vip{-webkit-transform:scale(.85);transform:scale(.85)}.cos-avatar.cos-sm .cos-avatar-vip .cos-icon{font-size:12px;line-height:1}.cos-avatar.cos-md .cos-avatar-body{height:36px;width:36px}.cos-avatar.cos-md .cos-avatar-vip .cos-icon{font-size:12px;line-height:1;-webkit-transform:scale(1.05);transform:scale(1.05)}.cos-avatar.cos-lg .cos-avatar-body{height:48px;width:48px}.cos-avatar.cos-lg .cos-avatar-vip .cos-icon{font-size:18px;line-height:1;-webkit-transform:scale(1);transform:scale(1)}.cos-avatar.cos-xl .cos-avatar-body{height:80px;width:80px}.cos-avatar.cos-xl .cos-avatar-vip .cos-icon{font-size:26px;line-height:1;-webkit-transform:scale(.98);transform:scale(.98)}.cos-avatar-body{border:none;border-radius:50%;-webkit-box-shadow:0 0 0 1px rgba(30,31,36,.06);box-shadow:0 0 0 1px rgba(30,31,36,.06);-webkit-box-sizing:border-box;box-sizing:border-box}.cos-avatar-body img{border-radius:50%;overflow:hidden}.cos-avatar-border{-webkit-box-shadow:none;box-shadow:none;position:relative}.cos-avatar-border:after{border-radius:50%;-webkit-box-shadow:inset 0 0 0 1px hsla(228,7%,74%,.2);box-shadow:inset 0 0 0 1px hsla(228,7%,74%,.2);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.cos-avatar-vip{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;border-radius:50%;bottom:-1px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;position:absolute;right:-1px;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.cos-avatar-vip-v1{background:#ffd352;border:1px solid #ffd352}.cos-avatar-vip-v1 .cos-icon{color:#ff321b}.cos-avatar-vip-v2{background:#fff;border:1px solid #fff}.cos-avatar-vip-v2 .cos-icon{color:#3897f0}.cos-avatar-vip-v3{background:#fff;border:1px solid #fff}.cos-avatar-vip-v3 .cos-icon{color:#ffb820}.cos-avatar-capsule{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background-color:#6d45e6;border-radius:18px;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:12px;height:18px;-webkit-justify-content:center;justify-content:center;left:50%;position:relative;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:38px}.cos-avatar-border-inner,.cos-avatar-border-outer{border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;left:0;position:absolute;top:0;-webkit-transform-origin:center;transform-origin:center;width:100%}.cos-avatar-border-inner{border:2px solid #eb3333;-webkit-transform:scale(1.2);transform:scale(1.2)}.cos-avatar-border-outer{border:1px solid rgba(235,51,51,.4);-webkit-transform:scale(1.4);transform:scale(1.4)}.cos-avatar.cos-live .cos-avatar-capsule{background-color:#eb3333;border:2px solid #fff;width:44px}.cos-avatar.cos-live .cos-avatar-border:after{-webkit-box-shadow:none;box-shadow:none;content:none}.cos-avatar.cos-live.cos-md .cos-avatar-border-inner{-webkit-animation:avatarInnerMD 1.4s ease-in-out infinite;animation:avatarInnerMD 1.4s ease-in-out infinite;-webkit-transform:scale(1.18);transform:scale(1.18)}.cos-avatar.cos-live.cos-md .cos-avatar-border-outer{-webkit-animation:avatarOuterMD 1.4s ease-in-out infinite;animation:avatarOuterMD 1.4s ease-in-out infinite}.cos-avatar.cos-live.cos-md .cos-avatar-img{-webkit-animation:avatarImg 1.4s ease-in-out infinite;animation:avatarImg 1.4s ease-in-out infinite;-webkit-transform-origin:center;transform-origin:center}.cos-avatar.cos-live.cos-md .cos-avatar-capsule{font-size:10px;left:38%}.cos-avatar.cos-live.cos-lg .cos-avatar-border-inner{-webkit-animation:avatarInnerMD 1.4s ease-in-out infinite;animation:avatarInnerMD 1.4s ease-in-out infinite;-webkit-transform:scale(1.15);transform:scale(1.15)}.cos-avatar.cos-live.cos-lg .cos-avatar-border-outer{-webkit-animation:avatarOuterLG 1.4s ease-in-out infinite;animation:avatarOuterLG 1.4s ease-in-out infinite}.cos-avatar.cos-live.cos-lg .cos-avatar-img{-webkit-animation:avatarImgLG 1.4s ease-in-out infinite;animation:avatarImgLG 1.4s ease-in-out infinite;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes avatarImg{0%{-webkit-transform:scale(1.05);transform:scale(1.05)}50%{-webkit-transform:scale(.98);transform:scale(.98)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes avatarImg{0%{-webkit-transform:scale(1.05);transform:scale(1.05)}50%{-webkit-transform:scale(.98);transform:scale(.98)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes avatarInnerMD{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes avatarInnerMD{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@-webkit-keyframes avatarOuterMD{0%{opacity:0;-webkit-transform:scale(1.25);transform:scale(1.25)}30%{opacity:.8}to{opacity:0;-webkit-transform:scale(1.4);transform:scale(1.4)}}@keyframes avatarOuterMD{0%{opacity:0;-webkit-transform:scale(1.25);transform:scale(1.25)}30%{opacity:.8}to{opacity:0;-webkit-transform:scale(1.4);transform:scale(1.4)}}@-webkit-keyframes avatarImgLG{0%{-webkit-transform:scale(1.05);transform:scale(1.05)}50%{-webkit-transform:scale(1.01);transform:scale(1.01)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes avatarImgLG{0%{-webkit-transform:scale(1.05);transform:scale(1.05)}50%{-webkit-transform:scale(1.01);transform:scale(1.01)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes avatarOuterLG{0%{opacity:0;-webkit-transform:scale(1.22);transform:scale(1.22)}30%{opacity:.8}to{opacity:0;-webkit-transform:scale(1.26);transform:scale(1.26)}}@keyframes avatarOuterLG{0%{opacity:0;-webkit-transform:scale(1.22);transform:scale(1.22)}30%{opacity:.8}to{opacity:0;-webkit-transform:scale(1.26);transform:scale(1.26)}}._list-wrap_11emz_1{position:relative}._list_11emz_1{height:100%;overflow:hidden}._x_11emz_1{overflow-x:auto;white-space:nowrap}._y_11emz_1{overflow-y:auto}._source_pbmk1_1{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-top:8px;padding-bottom:1px;position:relative}._feedback_pbmk1_9{cursor:pointer;display:inline-block}._feedback-icon-wrapper_pbmk1_13{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}._feedback-icon_pbmk1_13{fill:rgba(0,0,0,.1);display:inline-block;width:13px}._left_pbmk1_22{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}._site-link_pbmk1_26,._site-link_pbmk1_26:hover{text-decoration:none}._single_pbmk1_32{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}._single_pbmk1_32 ._icon_pbmk1_36{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;margin-right:8px}._text1_pbmk1_41,._text2_pbmk1_42,._text_pbmk1_40{color:#626675;margin-right:8px}._text_pbmk1_40:last-child{margin-right:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._popup-container_pbmk1_52{left:0;padding:12px 8px;position:absolute;top:22px}._multi-arrow_pbmk1_58{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0}._multi_pbmk1_58{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}._multi_pbmk1_58:hover{cursor:pointer}._multi_pbmk1_58 ._text_pbmk1_40{color:#b7b9c1;margin-right:6px}._two_pbmk1_73 ._icon_pbmk1_36._second_pbmk1_73{left:11px}._two_pbmk1_73 ._icon-layout_pbmk1_76{width:27px}._three_pbmk1_79 ._icon_pbmk1_36._second_pbmk1_73{left:14.000000000000002px}._three_pbmk1_79 ._icon_pbmk1_36._third_pbmk1_82{left:8px}._three_pbmk1_79 ._icon-layout_pbmk1_76{width:30px}._icon-layout_pbmk1_76{-webkit-box-align:center;-ms-flex-align:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;flex-shrink:0;height:18px;margin-right:6px;overflow:hidden;position:relative;width:18px}._icon-layout_pbmk1_76 ._icon_pbmk1_36{background-size:cover;border-radius:50%;-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;height:16px;position:absolute;width:16px}._icon-layout_pbmk1_76 ._icon-inner_pbmk1_107{background-color:#fff;background-size:cover;border-radius:50%;height:100%;opacity:.6;width:100%}._popup-content_pbmk1_115{max-height:88px;overflow-y:auto}._popup-item_pbmk1_119{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:10px 8px}._popup-item_pbmk1_119:hover{cursor:pointer}._item-selected_pbmk1_130,._popup-item_pbmk1_119:hover{background-color:#f0f3fd;border-radius:4px;color:#315efb}._popup-icon_pbmk1_135{-ms-flex-negative:0;background-size:cover;border-radius:50%;-webkit-box-shadow:0 0 0 1px rgba(30,31,36,.06);box-shadow:0 0 0 1px rgba(30,31,36,.06);-webkit-flex-shrink:0;flex-shrink:0;height:16px;margin-right:4px;width:16px}._popup-text_pbmk1_144{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-flex-grow:1;flex-grow:1;font-size:14px;-webkit-justify-content:space-between;justify-content:space-between}._popup-text_pbmk1_144,._right_pbmk1_151{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.sc-source-left,.sc-source-multi,.sc-source-right,.sc-source-single{-webkit-box-orient:inline-axis;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-source,.sc-source-left,.sc-source-multi,.sc-source-right,.sc-source-single{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.sc-source{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative}.sc-source-single,.sc-source-single:hover{text-decoration:none}.sc-source-avatar{margin-right:6px;margin-right:var(--cos-space-xxs);margin-top:-1px}.sc-source-text{-webkit-box-orient:inline-axis;color:var(--cos-color-text-slim);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-source-time{margin-left:9px;margin-left:var(--cos-space-xs)}.sc-source-arrow{color:var(--cos-color-text-slim);margin-right:9px;margin-right:var(--cos-space-xs)}.sc-source-multi:hover{cursor:pointer}.sc-source-multi:hover .sc-source-arrow{color:var(--cos-color-text-primary)}.sc-source-popup{max-height:88px;max-width:100%;overflow-y:auto;top:10px}.sc-source-popup-item{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:9px;padding:var(--cos-space-xs)}.sc-source-popup-item:hover{background-color:var(--cos-color-bg-primary-light);border-radius:var(--cos-rounded-xxs);color:var(--cos-color-text-primary);cursor:pointer}.sc-source-popup-avatar{margin-right:9px;margin-right:var(--cos-space-xs)}.sc-source-popup-text{-webkit-box-orient:inline-axis;-webkit-box-flex:1;-ms-flex-positive:1;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-grow:1;flex-grow:1;-webkit-justify-content:space-between;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-source-popup-selected{color:var(--cos-color-text-primary)}._table_1r2eg_1{border-collapse:separate;border-spacing:0;table-layout:fixed;text-align:left}._td_1r2eg_9,._th_1r2eg_7,._thead_1r2eg_7{vertical-align:middle}._table-box_1r2eg_12{background-color:#fff;border:none;font-size:14px;margin:0;overflow:hidden;table-layout:fixed;width:100%;word-break:break-all}._table-box_1r2eg_12 tr{background-image:unset;position:relative}._table-box_1r2eg_12 tr ._td-link_1r2eg_26{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#333;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:-6px 0;padding:13px 0 12px;width:560px}._table-box_1r2eg_12 tr ._td-link_1r2eg_26:hover{background:#f1f3fd}._table-box_1r2eg_12 tr ._td-link_1r2eg_26 :visited{color:#333}._table-box_1r2eg_12 tr ._std_1r2eg_40{background-image:unset;border:none;color:#333;line-height:28px;overflow:hidden;padding:6px 14px 6px 0;text-overflow:ellipsis;white-space:nowrap}._table-box_1r2eg_12 thead{position:relative}._table-box_1r2eg_12 ._sth_1r2eg_53{background-color:#fff;background-image:unset;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:#626675;font-weight:400;line-height:26px;margin-top:-4px;padding:0 14px 9px 0}._table-box_1r2eg_12 ._abstract_1r2eg_64{color:#626675;margin:0;padding:0}._table-box_1r2eg_12 ._info_1r2eg_69{color:#9195a3;margin:0;padding:0}._table-box_1r2eg_12 ._first-col_1r2eg_74{-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:8px}._table-box_1r2eg_12 ._last-col_1r2eg_78{-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:8px}._table-box_1r2eg_12 tfoot ._std_1r2eg_40{color:#9195a3;padding-bottom:6px}._table-box_1r2eg_12 tfoot ._std_1r2eg_40:last-child{cursor:pointer;font-weight:700;text-align:right}._table-box_1r2eg_12 ._tr_1r2eg_91{background-color:unset}._table-box_1r2eg_12._auto-layout_1r2eg_94{table-layout:auto}._grid-table_1r2eg_97 td{-webkit-box-sizing:border-box;box-sizing:border-box}._border_1r2eg_103:first-child:after{background-color:#efefef;bottom:0;clear:both;content:"";height:1px;left:0;position:absolute;width:100%}._table-wrapper_1r2eg_113{position:relative;z-index:0}._table-wrapper_1r2eg_113 ._border-svg_1r2eg_117{display:none}._scroll-table_1r2eg_120{overflow:auto hidden;overscroll-behavior-x:none}._scroll-table_1r2eg_120 ._table-box_1r2eg_12{overflow:unset}._scroll-table_1r2eg_120 ._fixed-column_1r2eg_127{left:0;position:-webkit-sticky;position:sticky;right:0;z-index:1}._scroll-table_1r2eg_120 ._fixed-left-shadow_1r2eg_133,._scroll-table_1r2eg_120 ._fixed-right-shadow_1r2eg_134{z-index:1}._scroll-table_1r2eg_120 ._fixed-left-shadow_1r2eg_133:before,._scroll-table_1r2eg_120 ._fixed-right-shadow_1r2eg_134:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:30px}._scroll-table_1r2eg_120 ._fixed-left-shadow_1r2eg_133:before{-webkit-box-shadow:inset 10px 0 8px -8px rgba(0,0,0,.04);box-shadow:inset 10px 0 8px -8px rgba(0,0,0,.04);right:0;-webkit-transform:translate(100%);transform:translate(100%)}._scroll-table_1r2eg_120 ._fixed-right-shadow_1r2eg_134:before{-webkit-box-shadow:inset -10px 0 8px -8px rgba(0,0,0,.04);box-shadow:inset -10px 0 8px -8px rgba(0,0,0,.04);left:0;-webkit-transform:translate(-100%);transform:translate(-100%)}._scroll-table_1r2eg_120._table-border_1r2eg_156 ._std-box_1r2eg_157,._scroll-table_1r2eg_120._table-border_1r2eg_156 ._sth-box_1r2eg_156{position:relative}._scroll-table_1r2eg_120._table-border_1r2eg_156 ._border-svg_1r2eg_117{stroke:#eee;stroke-width:.33;bottom:0;display:block;height:1px;left:0;position:absolute;width:100%}._scroll-table_1r2eg_120 tr ._sth_1r2eg_53{padding:0}._scroll-table_1r2eg_120 tr ._sth_1r2eg_53 ._sth-box_1r2eg_156{padding:9px 17px}._scroll-table_1r2eg_120 tr ._std_1r2eg_40{background-color:#fff;overflow:unset;padding:0}._scroll-table_1r2eg_120 tr ._std_1r2eg_40 ._std-box_1r2eg_157{background-image:unset;overflow:hidden;padding:15px 17px;text-overflow:ellipsis;white-space:nowrap}._scroll-table_1r2eg_120 tr ._std_1r2eg_40,._scroll-table_1r2eg_120 tr ._sth_1r2eg_53{position:relative}._scroll-table_1r2eg_120 tr ._std_1r2eg_40:first-child ._std-box_1r2eg_157,._scroll-table_1r2eg_120 tr ._std_1r2eg_40:first-child ._sth-box_1r2eg_156,._scroll-table_1r2eg_120 tr ._sth_1r2eg_53:first-child ._std-box_1r2eg_157,._scroll-table_1r2eg_120 tr ._sth_1r2eg_53:first-child ._sth-box_1r2eg_156{padding-left:0}._scroll-table_1r2eg_120 tr ._std_1r2eg_40:last-child ._std-box_1r2eg_157,._scroll-table_1r2eg_120 tr ._std_1r2eg_40:last-child ._sth-box_1r2eg_156,._scroll-table_1r2eg_120 tr ._sth_1r2eg_53:last-child ._std-box_1r2eg_157,._scroll-table_1r2eg_120 tr ._sth_1r2eg_53:last-child ._sth-box_1r2eg_156{padding-right:0}._scroll-table_1r2eg_120+._scroll-table-mask_1r2eg_204{background-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#fff));background-image:linear-gradient(90deg,hsla(0,0%,100%,0),#fff);bottom:0;pointer-events:none;position:absolute;right:0;top:0;width:50px;z-index:1}._scroll-table_1r2eg_120._scroll-to-end_1r2eg_215+._scroll-table-mask_1r2eg_204,._scroll-table_1r2eg_120:has(._fixed-right-shadow_1r2eg_134)+._scroll-table-mask_1r2eg_204{display:none}._carousel_1so0w_1{overflow:hidden;position:relative;width:100%}._container_1so0w_1{position:relative}._indicators_1so0w_1{bottom:var(--margin-xs);left:50%;margin:0;padding:0;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:3}._tacitly_1so0w_1{background-color:var(--color-gray-300);display:block;float:left;height:7px;margin-left:var(--margin-xs);padding:0;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;width:7px}._dot_1so0w_1{border-radius:100%}._dot_1so0w_1._active_1so0w_1{background-color:var(--color-gray-50)}._line_1so0w_1{height:3px;margin-left:2px;width:15px}._line_1so0w_1._active_1so0w_1{background-color:var(--color-gray-50);width:25px}._arrow_1so0w_1{border-radius:100%;cursor:pointer;height:33px;margin-top:-17px;position:absolute;text-align:center;top:50%;vertical-align:middle;width:33px;z-index:5}._arrow-left_1so0w_1{left:16px}._arrow-right_1so0w_1{right:16px}._arrow_1so0w_1 img{max-width:inherit}._item_1so0w_1{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-justify-content:center;justify-content:center;left:0;overflow:hidden;position:absolute;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;visibility:hidden;width:100%;z-index:0}._light_1so0w_1{visibility:visible;z-index:2}._group-more_w7nnv_1{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#222;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}._group-more_w7nnv_1 ._icon_w7nnv_8{color:#222;margin:-4px 0 -5px 1px}._group-more_w7nnv_1 ._text_w7nnv_12{margin:-4px 0 -5px;padding:0}._group-more_w7nnv_1:hover{color:#315efb;text-decoration:none}._group-more_w7nnv_1:hover ._icon_w7nnv_8{color:#315efb}._more_w7nnv_23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#333!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-justify-content:center;justify-content:center;margin:16px 0 0;padding:5px 0}._more_w7nnv_23:hover{background:#f1f3fd;border-radius:8px;color:#315efb!important;text-decoration:none}._more_w7nnv_23:hover ._line_w7nnv_38{opacity:0}._more_w7nnv_23:hover ._icon_w7nnv_8{color:#315efb!important}._line_w7nnv_38{background:#f5f5f6;height:1px;-webkit-transform:scaleY(-1);transform:scaleY(-1);width:100%}._text_w7nnv_12{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;padding:0 5px 0 8px}._icon_w7nnv_8{color:#626675;margin-left:1px}._pagination_1e5eg_1 ._pagination-button_1e5eg_1{background:#f5f5f6;border-radius:6px;-webkit-box-sizing:content-box;box-sizing:content-box;color:#2440b3;cursor:pointer;display:inline-block;font-size:13px;line-height:21px;margin:0 4px;min-width:8px;outline:none;padding:2px 8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}._pagination_1e5eg_1 ._pagination-button_1e5eg_1:hover{background:#f0f0f1;color:#315efb}._pagination_1e5eg_1 ._pagination-button_1e5eg_1._current_1e5eg_21,._pagination_1e5eg_1 ._pagination-button_1e5eg_1._current_1e5eg_21:hover{background:#4e6ef2;color:#fff}._pagination_1e5eg_1 ._pagination-button_1e5eg_1._ellipsis_1e5eg_26,._pagination_1e5eg_1 ._pagination-button_1e5eg_1._ellipsis_1e5eg_26:hover{background:transparent;color:#000;cursor:default;padding:2px}._pagination_1e5eg_1 ._pagination-button_1e5eg_1._disabled_1e5eg_33,._pagination_1e5eg_1 ._pagination-button_1e5eg_1._disabled_1e5eg_33:hover{background:#f5f5f6;color:#c4c7ce;cursor:not-allowed}._pagination_1e5eg_1 ._pagination-prev-button_1e5eg_39{margin-left:0;margin-right:8px}._pagination_1e5eg_1 ._pagination-next-button_1e5eg_43{margin-left:8px;margin-right:0}._operation-container_1ueuf_1{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:#f5f6f9;border-radius:6px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;max-width:580px;width:100%}._operation-container_1ueuf_1:hover{text-decoration:none}._service-operation_1ueuf_12,._strong-operation_1ueuf_13{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}._service-operation_1ueuf_12 ._left-image_1ueuf_17,._service-operation_1ueuf_12 ._left-image_1ueuf_17 img,._strong-operation_1ueuf_13 ._left-image_1ueuf_17,._strong-operation_1ueuf_13 ._left-image_1ueuf_17 img{border-radius:6px}._single-operation_1ueuf_23{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:33px;-webkit-justify-content:space-between;justify-content:space-between;padding-left:12px;width:100%}._service-operation_1ueuf_12{padding:12px}._title-text_1ueuf_33{font-size:14px;line-height:14px}._description-text_1ueuf_37{color:#9195a3;font-size:14px;line-height:1}._tag-label-container_1ueuf_42 ._tag-label_1ueuf_42{background-color:#fff;background-color:rgba(255,51,51,.1);border:1px solid rgba(255,51,51,.5);border-radius:12px;color:#f33;font-size:12px;height:16px;margin-right:6px;padding:1px 5px}._tag-label-container_1ueuf_42{line-height:0}._left-image-container_1ueuf_56{height:61px;width:61px}._strong-left-image_1ueuf_60,._strong-left-image_1ueuf_60 img{border-radius:6px 0 0 6px}._strong-left-image-container_1ueuf_67{height:61px;margin-right:8px;width:61px}._left-image-service-container_1ueuf_72{height:45px;margin:-4px 8px -4px -4px;width:45px}._content-container_1ueuf_77{-webkit-box-flex:1;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}._strong-button_1ueuf_83{border:1px solid rgba(31,31,31,.5);border-radius:15px;color:#1e1f24;height:28px;line-height:26px;padding:0;width:100%}._strong-button_1ueuf_83,._strong-button_1ueuf_83:hover:not([disabled]){background-color:transparent}._strong-button-container_1ueuf_96{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:57px}._strong-button-container_1ueuf_96:hover{text-decoration:none}._icon-container_1ueuf_104{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;width:37px}._icon_1ueuf_104{color:#555;font-size:18px}._spread-content_12teu_1{overflow:hidden;transition:height .3s cubic-bezier(.18,0,.26,1);-webkit-transition:height .3s cubic-bezier(.18,0,.26,1)}._spread_12teu_1{padding-top:15px;text-align:center}._spread-inner_12teu_10{cursor:pointer;display:inline-block}._spread-inner_12teu_10:hover ._text_12teu_14{color:#315efb;text-decoration:underline}._spread-inner_12teu_10:hover ._icon_12teu_18{color:#315efb}._icon_12teu_18,._text_12teu_14{display:inline-block}._icon_12teu_18{border-radius:16px;font-size:13px;height:16px;line-height:17px;text-align:center;width:16px}._fold-icon_12teu_35{line-height:16px}.sc-fold-content{overflow:hidden;position:relative;transition:height .3s cubic-bezier(.18,0,.26,1);-webkit-transition:height .3s cubic-bezier(.18,0,.26,1)}.sc-fold-switch{cursor:pointer;font-size:0;padding:9px 0;position:relative;text-align:center}.sc-fold-switch.sc-active{opacity:.2}.sc-fold-switch.sc-masked{padding-top:0}.sc-fold-switch-mask{background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(31%,hsla(0,0%,100%,.8)),color-stop(62%,#fff));background:linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.8) 31%,#fff 62%);bottom:0;height:80px;position:absolute;width:100%}.sc-fold-switch-text{--cos-text:var(--cos-text-subtitle-sm);--cos-leading:var(--cos-leading-subtitle-sm);color:var(--cos-color-text-primary);display:inline-block;font-family:-apple-system,Arial,Helvetica,sans-serif;font-size:var(--cos-text-subtitle-sm);font-weight:var(--cos-font-regular);line-height:var(--cos-leading-subtitle-sm);position:relative;z-index:1}.cos-pc .sc-fold-switch-text:hover{color:#315efb}.sc-fold-switch-icon{border-radius:8px;color:var(--cos-color-text-primary);display:inline-block;font-size:12px;font-weight:700;height:16px;margin-left:6px;position:relative;top:-.5px;width:16px;z-index:1}.c-darkmode .sc-fold-switch-mask{background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,9%,0)),color-stop(31%,hsla(0,0%,9%,.8)),color-stop(62%,#161616));background:linear-gradient(hsla(0,0%,9%,0),hsla(0,0%,9%,.8) 31%,#161616 62%)}@media (prefers-color-scheme:dark){.cos-android.cos-baiduapp .sc-fold-switch-mask{background:-webkit-gradient(linear,left top,left bottom,from(rgba(25,25,25,0)),color-stop(31%,rgba(25,25,25,.8)),color-stop(62%,#191919));background:linear-gradient(rgba(25,25,25,0),rgba(25,25,25,.8) 31%,#191919 62%);color-scheme:dark}}._timeline-item_1yo3w_1{position:relative}._timeline-item_1yo3w_1:last-child ._timeline-item-border_1yo3w_4{display:none}._timeline-item-dot_1yo3w_7{background-color:#4e6ef2;border-radius:50%;height:8px;left:0;position:absolute;top:8px;width:8px;z-index:1}._timeline-item-border_1yo3w_4{bottom:-19.5px;left:4px;overflow:visible;position:absolute!important;position:relative;top:12px;width:1px}._timeline-item-border_1yo3w_4:after{border-left:1px solid #dedfe0;content:"";left:0;pointer-events:none;position:absolute;top:0;-webkit-transform-origin:0 0;transform-origin:0 0}@media (-webkit-max-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:1.2),(max-resolution:1.5dppx),(min-resolution:1.2dppx){._timeline-item-border_1yo3w_4:after{height:150%;-webkit-transform:scale(.66666667);transform:scale(.66666667);width:150%}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){._timeline-item-border_1yo3w_4:after{height:200%;-webkit-transform:scale(.5);transform:scale(.5);width:200%}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){._timeline-item-border_1yo3w_4:after{height:300%;-webkit-transform:scale(.33333333);transform:scale(.33333333);width:300%}}._timeline-item-last_1yo3w_57 ._timeline-item-border_1yo3w_4{bottom:0}._timeline-item-time_1yo3w_60{color:#9195a3;font-size:13px;margin-bottom:2px}._timeline-item-content_1yo3w_65{margin-bottom:6px;margin-left:16px;padding-top:2px}._timeline-item-title_1yo3w_70{color:#333;font-size:14.000000000000002px;line-height:22px}a ._timeline-item-title_1yo3w_70{color:#2440b3}a ._timeline-item-title_1yo3w_70:hover{color:#315efb;cursor:pointer;text-decoration:underline}a ._timeline-item-title_1yo3w_70:active{color:#f73131}._timeline-spread_1yo3w_87{margin-top:-13px}._img_17d2i_1 ._center-icon_17d2i_1{font-size:28px}._player_17d2i_4{border-radius:12px;isolation:isolate;overflow:hidden;position:relative}._close-btn_17d2i_10{color:#999;cursor:pointer;font-size:15px;height:20px;position:absolute;right:5px;top:5px;width:20px;z-index:301}._tag_1dgi4_1{background-color:#f5f5f5;border-radius:4px;display:inline-block;font-size:12px;height:18px;line-height:18px;min-width:18px;text-align:center}._index-1_1dgi4_11,._index-2_1dgi4_12,._index-3_1dgi4_13{color:#fff}._index-1_1dgi4_11{background-color:#f33}._index-2_1dgi4_12{background-color:#f60}._index-3_1dgi4_13{background-color:#faa90e}._tag_rugis_1{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#848691;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;min-width:22px}._index-1_rugis_9{color:#f33}._index-2_rugis_12{color:#f60}._index-3_rugis_15{color:#faa90e}._tag_rugis_1{display:inline-block;font-size:16px;font-weight:500;height:16px;line-height:16px;width:20px}._tag_1idp3_1{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background-color:#fb0;border-bottom-right-radius:9px;border-top-left-radius:9px;color:#fff;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:13px;-webkit-justify-content:center;justify-content:center;min-width:20px}._index-1_1idp3_13{background-color:#f33}._index-2_1idp3_16{background-color:#f60}._index-3_1idp3_19{background-color:#faa90e}._tag_1idp3_1{border-radius:9px 1px;display:inline-block;font-size:12px;font-weight:700;height:20px;line-height:20px;text-align:center;width:20px}._popup_1tx6i_1{background-color:#fff;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.08);box-shadow:0 2px 4px rgba(0,0,0,.08);padding-left:8px;padding-right:8px;position:absolute;z-index:201}._select_1tx6i_11{position:relative}._selected_1tx6i_14{background:#f1f3fd;border-radius:4px;color:#315efb}._disabled_1tx6i_19{cursor:default;opacity:.4}._selectItem_1tx6i_23{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;line-height:24px;margin-bottom:6px;margin-right:2px;margin-top:6px;padding:2px 4px}._selectItem_1tx6i_23:last-child{padding-bottom:0}._selectItem_1tx6i_23:not(._disabled_1tx6i_19):active,._selectItem_1tx6i_23:not(._disabled_1tx6i_19):hover{background:#f1f3fd;border-radius:4px;color:#315efb}._select-item-content_1tx6i_41{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}._select-avatar_1tx6i_45{margin-right:6px}._select-entry_1tx6i_48{border:1px solid #d7d9e0;border-radius:6px;color:#626675;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:28px;line-height:28px;padding-left:12px;padding-right:1px}._select-entry_1tx6i_48:hover{cursor:pointer}._entry-active_1tx6i_62,._select-entry_1tx6i_48:hover{border:1px solid #848691}._entry-text_1tx6i_67{-ms-flex-preferred-size:95%;color:#1e1f24;-webkit-flex-basis:95%;flex-basis:95%}._toggle-icon_1tx6i_71{display:inline-block;font-size:15px;height:28px;text-align:center;width:28px}._select_1tx6i_11 ._popup_1tx6i_1{left:0;right:0}._select-list_1tx6i_82{cursor:pointer;overflow-x:hidden;overflow-y:scroll;position:relative}._select-list_1tx6i_82::-webkit-scrollbar{background-color:#fff;border-radius:6px;width:6px}._select-list_1tx6i_82::-webkit-scrollbar-thumb{background:#b7b9c1;border-radius:3px;height:19px}._placeholder_1tx6i_98{color:#626675}.cos-popup._popup_1tx6i_1{padding-right:0}.cos-cascader{background-color:#f5f6f9;border-radius:9px;height:30px}.cos-cascader-bar{cursor:pointer;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cos-cascader-bar-item{-webkit-box-pack:center;-ms-flex-pack:center;color:#1e1f24;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14.000000000000002px;height:100%;-webkit-justify-content:center;justify-content:center;line-height:30px;text-align:center}.cos-cascader-bar-item-text{line-clamp:1;-webkit-line-clamp:1;display:inline-block;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cos-cascader-bar-item i{margin-left:2px}.cos-cascader-bar-item.cos-disabled{color:#1e1f24;opacity:.4}.cos-cascader-bar-item.cos-selected,.cos-cascader-selected{color:#4e6ef2}.cos-cascader-popup-scroll{border-width:0;border-bottom:1px #eee;border-style:solid;margin-bottom:2px;width:500px}.cos-cascader-popup-scroll-item{display:inline-block;height:32px;line-height:32px;position:relative}.cos-cascader-popup-scroll-item:first-child{margin-left:4px}.cos-cascader-popup-scroll-text{cursor:pointer;display:inline-block;position:relative}.cos-cascader-popup-scroll-selected{font-weight:700}.cos-cascader-popup-scroll-icon{margin:0 6px}.cos-cascader-popup-scroll-bar{background-color:#4e6ef2;border-radius:2px;bottom:0;height:4px;left:50%;margin-left:-16px;position:absolute;width:32px}.cos-cascader-popup-select-list::-webkit-scrollbar{background-color:transparent;width:6px}.cos-cascader-popup-select-list::-webkit-scrollbar-thumb{background-color:#7f7f7f;border-radius:3px}.cos-cascader-popup-select-list .cos-row{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}._popup_65wrg_1{background-color:#fff;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.08);box-shadow:0 2px 4px rgba(0,0,0,.08);padding-left:8px;padding-right:8px;position:absolute;z-index:201}._tag_7fpw3_1{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:hsla(231,6%,54%,.05);border:1px solid hsla(231,6%,54%,.5);border-radius:300px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#848691;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:12px;font-weight:400;line-height:14px;margin-right:6px;padding-left:5px;padding-right:5px;position:relative}._link_1xxcs_1{color:#333;text-decoration:none!important}._link_1xxcs_1:hover{color:#333;text-decoration:underline!important}._link_1xxcs_1:visited{color:#333}._rate-count_1hk1u_1,._rate-text_1hk1u_2{font-family:baidunumber-medium;font-size:13px;margin-left:5px;vertical-align:bottom}._rate-count_1hk1u_1{color:#fd503e}._rate-text_1hk1u_2{color:#626675}._rate_1hk1u_1{cursor:pointer;display:inline-block;line-height:0}._rate_1hk1u_1._disabled_1hk1u_19{cursor:default}._icons-row_1hk1u_22{display:inline-block;position:relative}._row-empty_1hk1u_27,._row_1hk1u_26{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%}._row_1hk1u_26{bottom:0;left:0;position:absolute;right:0;top:0}._item_1hk1u_40{-ms-flex-negative:0;fill:#fd503e;-webkit-flex-shrink:0;flex-shrink:0;height:14px;width:14px}._item_1hk1u_40 svg{display:block}._item-empty_1hk1u_49{fill:#eee}._decimal_1hk1u_52{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}._decimal-inner_1hk1u_57{display:inline-block;height:100%;overflow:hidden;vertical-align:top}._rate-count_3uqtr_1,._rate-text_3uqtr_2{font-family:baidunumber-medium;font-size:13px;margin-left:5px;vertical-align:bottom}._rate-count_3uqtr_1{color:#fd503e}._rate-text_3uqtr_2{color:#626675}._rate_3uqtr_1{cursor:pointer;display:inline-block;line-height:0}._rate_3uqtr_1._disabled_3uqtr_19{cursor:default}._icons-row_3uqtr_22{display:inline-block;position:relative}._row-empty_3uqtr_27,._row_3uqtr_26{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%}._row_3uqtr_26{bottom:0;left:0;position:absolute;right:0;top:0}._item_3uqtr_40{-ms-flex-negative:0;fill:#fd503e;-webkit-flex-shrink:0;flex-shrink:0;height:14px;width:14px}._item_3uqtr_40 svg{display:block}._decimal_3uqtr_52{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}._decimal-inner_3uqtr_57{display:inline-block;height:100%;overflow:hidden;vertical-align:top}._rate-count_3uqtr_1,._rate-text_3uqtr_2{font-size:14px;margin-left:13px}._item_3uqtr_40{fill:#f60;height:26px;margin-left:18px;width:26px}._item_3uqtr_40:first-child{margin-left:0}._item-empty_3uqtr_49{fill:#eee}._sign_180yd_1{margin-right:3px}._unit_180yd_4{margin-left:3px}._del-line-val_180yd_7{color:#9195a3;text-decoration:line-through}._origin-text_180yd_11{color:#9195a3}._price_180yd_14{display:inline-block;font-family:baidunumber-medium,-apple-system,Arial,Helvetica,sans-serif}._price_180yd_14 .sm{font-size:13px}._price_180yd_14 .md{font-size:16px}._price_180yd_14 .lg{font-size:19px}._price_180yd_14 .xl{font-size:21px}@font-face{font-display:swap;font-family:baidunumber-medium;font-style:normal;font-weight:500;src:url(https://psstatic.cdn.bcebos.com/aladdin/baidunumber_Medium_1660569289000.woff) format("woff"),url(https://psstatic.cdn.bcebos.com/aladdin/baidunumber_Medium_1660569280000.ttf) format("truetype"),url(https://psstatic.cdn.bcebos.com/aladdin/baidunumber_Medium_1660569188000.svg) format("svg")}._input-container_sf2h9_1,._input-wrapper_sf2h9_5{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}._input-wrapper_sf2h9_5{border:1px solid #b7b9c1;border-radius:9px;padding:9px 12px;width:100%}._input_sf2h9_1{word-wrap:normal;background-color:transparent;border:none;color:#1e1f24;font-size:14px;line-height:1.286;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;word-break:normal}._input_sf2h9_1:disabled{color:#dbdbdb}._prefix_sf2h9_33{margin-right:6px}._prefix_sf2h9_33,._suffix_sf2h9_37{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0}._suffix_sf2h9_37{margin-left:6px}._textarea-wrapper_sf2h9_41{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:#f5f6f9;border-radius:9px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:13px 12px}._textarea_sf2h9_41{background-color:inherit;border:none;color:#1e1f24;font-size:14px;line-height:23px;outline:none;resize:none;width:100%}._close_sf2h9_61{fill:#848691;cursor:pointer;height:15px;width:15px}.sc-radio{-webkit-box-align:center;-ms-flex-align:center;-webkit-margin-start:0;-webkit-margin-end:8px;-webkit-align-items:center;align-items:center;background-color:var(--cos-color-bg-dent);border-radius:var(--cos-rounded-sm);color:var(--cos-color-text);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--cos-text-body-lg);height:33px;margin:var(--cos-space-3xs);margin-inline-end:8px;margin-inline-start:0;padding:0 var(--cos-space-sm)}.sc-radio.sc-checked{background-color:rgba(78,110,242,.1);color:var(--cos-color-text-primary)}.sc-radio.sc-disabled{background-color:var(--cos-color-bg-dent);color:var(--cos-color-text-disabled);cursor:no-drop;opacity:var(--cos-opacity-40)}.sc-radio:not(.sc-radio.sc-disabled):not(.sc-radio.sc-checked):hover{color:var(--cos-color-text-primary)}.sc-radio-icon{height:0;opacity:0;width:0}.sc-radio.sc-mark{-webkit-margin-start:0;-webkit-margin-end:8px;background:none;color:var(--cos-color-text);height:var(--cos-leading-headline-sm);margin-inline-end:8px;margin-inline-start:0;margin:0;padding:0}.sc-radio.sc-mark .sc-radio-icon{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block;height:var(--cos-text-subtitle);margin-right:var(--cos-space-xs);opacity:1;outline:none;position:relative;width:var(--cos-text-subtitle)}.sc-radio.sc-mark .sc-radio-icon-inner{border:1px solid var(--cos-color-border);border-radius:50%;inset-block-start:0;inset-inline-start:0;position:relative;-webkit-transition:all .2s;transition:all .2s}.sc-radio.sc-mark .sc-radio-icon-inner,.sc-radio.sc-mark .sc-radio-icon-inner:after{background-color:var(--cos-color-bg);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:var(--cos-text-subtitle);width:var(--cos-text-subtitle)}.sc-radio.sc-mark .sc-radio-icon-inner:after{-webkit-margin-before:-8px;-webkit-margin-start:-8px;-webkit-border-before:0;-webkit-border-start:0;border-block-start:0;border-inline-start:0;border-radius:var(--cos-text-subtitle);content:"";inset-block-start:50%;inset-inline-start:50%;margin-block-start:-8px;margin-inline-start:-8px;opacity:0;position:absolute;-webkit-transform:scale(0);transform:scale(0)}.sc-radio.sc-mark:not(.sc-radio.sc-mark.sc-disabled):not(.sc-radio.sc-mark.sc-checked):hover{color:var(--cos-color-text-hover)}.sc-radio.sc-mark:not(.sc-radio.sc-mark.sc-disabled):not(.sc-radio.sc-mark.sc-checked):hover .sc-radio-icon-inner{border-color:var(--cos-color-border-primary-hover)}.sc-radio.sc-mark.sc-checked{color:var(--cos-color-text-primary)}.sc-radio.sc-mark.sc-checked .sc-radio-icon:after{border:1px solid var(--cos-color-border-active);border-radius:50%;content:"";height:100%;inset-block-start:0;inset-inline-start:0;position:absolute;visibility:hidden;width:100%}.sc-radio.sc-mark.sc-checked .sc-radio-icon-inner{background-color:var(--cos-color-bg-primary);border-color:var(--cos-color-text-primary)}.sc-radio.sc-mark.sc-checked .sc-radio-icon-inner:after{opacity:1;-webkit-transform:scale(.375);transform:scale(.375)}.sc-radio.sc-mark.sc-disabled{color:var(--cos-color-text-disabled);cursor:no-drop}.sc-radio.sc-mark.sc-disabled .sc-radio-icon-inner{border-color:var(--cos-color-text-disabled)}._loading-icon_wuz33_1{background:url(//pss.bdstatic.com/r/www/cache/static/aladdin-san/app/jr-stock/img/loading_758d156.gif) no-repeat;background-size:cover;height:20px;margin-right:6px;width:20px}._loading-text_wuz33_8{color:#9195a3;font-size:14.000000000000002px}._result_wuz33_12{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-webkit-flex-direction:row!important;-ms-flex-direction:row!important;flex-direction:row!important}._carousel_1ktf7_1{overflow:hidden;position:relative;width:100%}._container_1ktf7_1{position:relative}._indicators_1ktf7_1{bottom:var(--margin-xs);left:50%;margin:0;padding:0;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:3}._tacitly_1ktf7_1{background-color:var(--color-gray-300);display:block;float:left;height:7px;margin-left:var(--margin-xs);padding:0;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;width:7px}._dot_1ktf7_1{border-radius:100%}._dot_1ktf7_1._active_1ktf7_1{background-color:var(--color-gray-50)}._line_1ktf7_1{height:3px;margin-left:2px;width:15px}._line_1ktf7_1._active_1ktf7_1{background-color:var(--color-gray-50);width:25px}._arrow_1ktf7_1{border-radius:100%;cursor:pointer;height:33px;margin-top:-17px;position:absolute;text-align:center;top:50%;vertical-align:middle;width:33px;z-index:5}._arrow-left_1ktf7_1{left:16px}._arrow-right_1ktf7_1{right:16px}._arrow_1ktf7_1 img{max-width:inherit}._item_1ktf7_1{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-justify-content:center;justify-content:center;left:0;overflow:hidden;position:absolute;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;visibility:hidden;width:100%;z-index:0}._light_1ktf7_1{visibility:visible;z-index:2}._swiper-container_1ktf7_2{position:relative}._swiper-box_1ktf7_5{overflow:hidden;position:relative;-webkit-transform:translate(0);transform:translate(0)}._swiper-box-radius_1ktf7_10{border-radius:12px}._indicator_1ktf7_13{border-radius:4px;bottom:18px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:4px;margin:0;position:absolute;z-index:5}._indicator-left_1ktf7_22{bottom:0;left:12px;position:absolute}._indicator-right_1ktf7_27{bottom:0;position:absolute;right:12px}._center_1ktf7_32{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}._right_1ktf7_36{margin-left:0;right:12px}._left_1ktf7_40{left:12px;margin-left:0}._tolerant_1ktf7_44{border-radius:4px;border-top:4px solid;border-color:var(--cos-color-border-tiny);border-radius:var(--cos-rounded-full);-webkit-box-sizing:border-box;box-sizing:border-box;height:4px;margin-right:3px;margin-right:var(--cos-space-3xs);transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;width:4px}._operative_1ktf7_57{width:15px}._mask_1ktf7_60{background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));border-radius:0 0 12px 12px;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--cos-color-text-inverse);font-size:16px;height:40px;left:0;line-height:40px;padding-left:12px;position:absolute;width:100%;z-index:3}._control-icon_1ktf7_75{-webkit-text-stroke:.8px;color:#333;font-size:18px;font-weight:bolder;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}._control_1ktf7_75{background-color:#fff;border-radius:50%;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.06);box-shadow:0 2px 10px rgba(0,0,0,.06);cursor:pointer;height:39px;opacity:.8;position:absolute;text-align:center;top:50%;vertical-align:middle;width:39px;z-index:3}._control_1ktf7_75:hover{opacity:1}._control_1ktf7_75:hover ._control-icon_1ktf7_75{color:#4e6ef2}._control-left_1ktf7_105{left:0;-webkit-transform:translate(calc(-50% - 5.5px),calc(-50% - 9.5px));transform:translate(calc(-50% - 5.5px),calc(-50% - 9.5px))}._control-right_1ktf7_109{right:0;-webkit-transform:translate(calc(50% + 5.5px),calc(-50% - 9.5px));transform:translate(calc(50% + 5.5px),calc(-50% - 9.5px))}._swiper-item-transition_1ktf7_113{-webkit-transition:all .4s;transition:all .4s}._swiper-item_1ktf7_113{cursor:pointer;white-space:normal;width:100%!important}._swiper-page-item_1ktf7_121{display:inline-block;height:auto;position:static;-webkit-transform:none!important;transform:none!important;vertical-align:top;visibility:visible;width:auto}._page-indicator_1ktf7_130{bottom:0}._page-list_1ktf7_133{padding-bottom:19px;position:relative;-webkit-transition:all .4s;transition:all .4s;white-space:nowrap}._audio-wrapper_wdy6d_1{cursor:pointer;width:16px}._audio-wrapper_wdy6d_1,._audio_wdy6d_1{display:inline-block;height:16px;line-height:1}._audio_wdy6d_1{font-size:16px}._play-icon_wdy6d_14{fill:#4e6ef2}@-webkit-keyframes _animationYinbo1_wdy6d_1{0%{opacity:0;visibility:hidden}20%,70%{opacity:1;visibility:visible}71%,to{opacity:0;visibility:hidden}}@keyframes _animationYinbo1_wdy6d_1{0%{opacity:0;visibility:hidden}20%,70%{opacity:1;visibility:visible}71%,to{opacity:0;visibility:hidden}}@-webkit-keyframes _animationYinbo2_wdy6d_1{0%{opacity:0;visibility:hidden}60%,70%{opacity:1;visibility:visible}71%,to{opacity:0;visibility:hidden}}@keyframes _animationYinbo2_wdy6d_1{0%{opacity:0;visibility:hidden}60%,70%{opacity:1;visibility:visible}71%,to{opacity:0;visibility:hidden}}@-webkit-keyframes _animationLaba_wdy6d_1{50%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center;transform-origin:center}0%{-webkit-transform:scale(1.01);transform:scale(1.01);-webkit-transform-origin:center;transform-origin:center}}@keyframes _animationLaba_wdy6d_1{50%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center;transform-origin:center}0%{-webkit-transform:scale(1.01);transform:scale(1.01);-webkit-transform-origin:center;transform-origin:center}}._play-icon_wdy6d_14 ._yinbo1_wdy6d_63{-webkit-animation:_animationYinbo1_wdy6d_1 1s ease-in infinite;animation:_animationYinbo1_wdy6d_1 1s ease-in infinite;opacity:1;visibility:visible}._play-icon_wdy6d_14 ._yinbo2_wdy6d_68{-webkit-animation:_animationYinbo2_wdy6d_1 1s ease-in infinite;animation:_animationYinbo2_wdy6d_1 1s ease-in infinite;opacity:1;visibility:visible}._play-icon_wdy6d_14 ._laba_wdy6d_73{-webkit-animation:_animationLaba_wdy6d_1 1s ease-in-out infinite;animation:_animationLaba_wdy6d_1 1s ease-in-out infinite;-webkit-transform:scale(1);transform:scale(1)}._pause-icon_wdy6d_77{fill:#1e1f24}._repeat-play-icon_wdy6d_80{-webkit-animation:_animationRepeat_wdy6d_1 1s linear infinite;animation:_animationRepeat_wdy6d_1 1s linear infinite;display:inline-block;-webkit-transform:rotate(0);transform:rotate(0)}@-webkit-keyframes _animationRepeat_wdy6d_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes _animationRepeat_wdy6d_1{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}._audio-wrapper_15a8u_1{display:inline-block;min-width:176px;position:relative}._audio_15a8u_1{background-color:#f5f6f9;border-radius:6px;cursor:pointer;height:30px;overflow:hidden;position:relative}._audio_15a8u_1:hover{background-color:rgba(49,94,251,.1)}._audio_15a8u_1:hover+._left-triangle_15a8u_17{border-right-color:rgba(49,94,251,.1)}._audio_15a8u_1:hover+._right-triangle_15a8u_20{border-left-color:rgba(49,94,251,.1)}._audio-icon_15a8u_23,._info_15a8u_24,._time_15a8u_25{display:inline-block;height:30px;line-height:30px;vertical-align:top}._audio-icon_15a8u_23{color:#1e1f24;width:18px}._info_15a8u_24{color:#333;margin-left:4px;padding-right:12px}._time_15a8u_25{float:right;padding-right:12px}._active-color_15a8u_44{color:#4e6ef2}._progress-bar_15a8u_47{bottom:0;height:3px;position:absolute;width:100%}._progress-bar_15a8u_47 ._progress_15a8u_47{height:3px;width:0}._left-triangle_15a8u_17,._right-triangle_15a8u_20{border-bottom-color:transparent;border-style:solid;border-top-color:transparent;display:inline-block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}._left-triangle_15a8u_17{border-left-color:transparent;border-right-color:#f5f6f9;border-width:5px 6px 5px 0;left:-6px}._right-triangle_15a8u_20{border-left-color:#f5f6f9;border-right-color:transparent;border-width:5px 0 5px 6px;right:-6px}.cos-tooltip{position:relative}.cos-tooltip-hidden{visibility:hidden}.cos-tooltip-visible{visibility:visible}.cos-tooltip-container{background-color:rgba(30,31,36,.9);border:1px solid transparent;border-radius:9px;-webkit-box-shadow:0 6px 21px rgba(30,31,36,.3);box-shadow:0 6px 21px rgba(30,31,36,.3);-webkit-box-sizing:border-box;box-sizing:border-box;line-height:18px;padding:8px 12px;position:absolute;z-index:1}.cos-tooltip-container-left-empty{left:0}.cos-tooltip-container-right-empty{right:0}.cos-tooltip-container-bottom-empty{bottom:0}.cos-tooltip-container-left-half{left:50%}.cos-tooltip-container-top-half{top:50%}.cos-tooltip-container-touchable{cursor:pointer}.cos-tooltip-message{-webkit-box-orient:horizontal;-webkit-box-direction:normal;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-size:14.000000000000002px;text-align:center;white-space:nowrap}.cos-tooltip-arrow-down{border:6px solid transparent;border-top-color:rgba(30,31,36,.9);bottom:-13px}.cos-tooltip-arrow-down,.cos-tooltip-arrow-up{height:0;margin-left:-4px;position:absolute;width:0}.cos-tooltip-arrow-up{border:6px solid transparent;border-bottom-color:rgba(30,31,36,.9);top:-13px}.cos-tooltip-arrow-left{border:6px solid transparent;border-right-color:rgba(30,31,36,.9);left:-13px}.cos-tooltip-arrow-left,.cos-tooltip-arrow-right{height:0;margin-top:-6px;position:absolute;width:0}.cos-tooltip-arrow-right{border:6px solid transparent;border-left-color:rgba(30,31,36,.9);right:-13px}.cos-tooltip-arrow-center{left:50%}.cos-tooltip-arrow-end{left:100%;margin-left:-20px}.cos-tooltip-arrow-side-end{bottom:0;margin-bottom:8px}.cos-tooltip-arrow-side-center{top:50%}.cos-tooltip-arrow-side-start{margin-top:8px;top:0}.cos-tooltip-link{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.cos-tooltip-link-icon{background-color:hsla(0,0%,100%,.3);border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:10px;height:15px;line-height:15px;margin-left:4px;text-align:center;width:15px}.cos-search-link{color:#2440b3;cursor:pointer;display:inline-block}.cos-search-link-icon{white-space:nowrap}.cos-search-link:visited{color:#2440b3}.cos-search-link .suffix{color:rgba(36,64,179,.5);display:inline-block;font-size:12px;line-height:12px;-webkit-transform-origin:0 0;transform-origin:0 0;vertical-align:text-top}.cos-search-link:hover{color:#315efb;text-decoration:underline}.cos-search-link:hover .suffix{color:#315efb}.cos-search-link:active{color:#f73131;text-decoration:none}.cos-search-link.cos-sm{font-size:13px}.cos-search-link.cos-sm .suffix{-webkit-transform:scale(.83);transform:scale(.83)}.cos-search-link.cos-md{font-size:14px}.cos-search-link.cos-md .suffix{-webkit-transform:scale(.83) translateY(-2px);transform:scale(.83) translateY(-2px)}.cos-search-link.cos-lg{font-size:20px}.cos-search-link.cos-lg .suffix{-webkit-transform:scale(1) translateY(-1px);transform:scale(1) translateY(-1px)}.cos-bookmark-guide{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:21px 0 0 21px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:32px;margin-right:-16px;padding:0 12px 0 10px}.cos-bookmark-guide-image{height:18px;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:18px}.cos-bookmark-guide-text{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.cos-bookmark-guide-primary-text{font-size:14px;font-weight:500;margin-bottom:-1px}.cos-bookmark-guide-sub-text{font-size:10px;margin-top:-4px}.has-sub-text.cos-bookmark-guide{height:42px;padding:0 12px}.has-sub-text.cos-bookmark-guide-image{height:24px;width:24px}.has-sub-text.cos-bookmark-guide-primary-text{margin-top:1px}.cos-city-header{position:relative}.cos-city-header-city-header-normal{font-size:17px;font-weight:400;line-height:1;margin:21px 0 15px;position:relative;text-align:center}.cos-city-header-city-close{font-size:19px;position:absolute;right:0;top:0}.cos-city-header-city-container-search{-webkit-box-sizing:border-box;box-sizing:border-box;height:46px;padding:0 24px;width:100%;z-index:4}.cos-city-header-search-row{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-top:16px}.cos-city-header-search-icon{-webkit-font-smoothing:antialiased;color:#626675;font-family:cicons!important;font-size:16px;font-style:normal;margin-left:7px}.cos-city-header-search-icon-active{color:#4e6ef2}.cos-city-header-cancel{display:inline-block;left:90%;min-width:10%;position:absolute;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cos-city-header-city-search{background-color:#f5f6f9;border-radius:6px;color:#848691;display:inline-block;height:30px;line-height:3 px;position:relative;vertical-align:middle;width:272px}.cos-city-header-city-search input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:transparent;border:none;caret-color:#4e6ef2;font-size:14px;line-height:30px;margin:0;outline:none;padding:0 0 0 2px}.cos-city-header-city-search input::-webkit-input-placeholder{color:#999}.cos-city-header-city-search:hover .cos-city-header-search-icon{color:#4e6ef2}.cos-city-header-select-none{color:#858585;cursor:pointer;font-size:16px;line-height:30px;position:absolute;right:8px}.cos-city-header-location-icon{font-size:16px}.cos-city-header-list-wrapper{background-color:#fff;border-radius:8px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1);box-shadow:0 1px 4px rgba(0,0,0,.1);margin-left:16px;max-height:190px;position:absolute;top:54px;width:272px;z-index:4}.cos-city-header-city-sug-list{background-color:#fff;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;max-height:190px;overflow-x:hidden;overflow-y:hidden;padding-bottom:8px;padding-top:8px;text-align:center;width:268px}.cos-city-header-city-search-item{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-family:-apple-system,Arial,Helvetica,sans-serif;height:29px;line-height:3;text-align:left}.cos-city-header-search-word{-webkit-line-clamp:1;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;height:24px;line-height:24px;margin-left:4px;margin-right:4px;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:normal;width:calc(100% - 8px)}.cos-city-header-search-word:hover{background:rgba(49,94,251,.1)!important;color:#315efb;cursor:pointer}.cos-city-header-city-search-ft-wt{font-weight:700}.cos-city-header-city-search-text{display:inline-block;width:-webkit-fit-content;width:fit-content;width:-moz-fit-content}.cos-city-header-city-sug-none{background-color:#fff;border-radius:8px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1);box-shadow:0 1px 4px rgba(0,0,0,.1);color:#848691;height:190px;margin-left:16px;position:absolute;top:54px;width:272px;z-index:4}.cos-city-header-city-sug-none-text{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cos-city-header-scroll-bar{overflow-y:auto}.cos-city-header-scroll-bar::-webkit-scrollbar{background-color:#fff;border-radius:8px;width:4px}.cos-city-header-scroll-bar::-webkit-scrollbar-thumb{background:#4e6ef2;border-radius:2px;height:19px}.cos-city-header-current-city-wrapper{position:relative}.cos-city-header-relocate:hover{color:#315efb;cursor:pointer}.cos-city-header-city-freeze-mask{height:100%;left:0;position:absolute;top:0;width:100%}.cos-city-selector{max-height:320px;position:relative}.cos-city-selector,.cos-city-selector-show-position{width:-webkit-fit-content;width:fit-content;width:-moz-fit-content}.cos-city-selector-show-position{border-radius:6px;cursor:pointer;padding-left:4px;padding-right:4px}.cos-city-selector-show-position-active,.cos-city-selector-show-position:hover{background:rgba(0,0,0,.2)}.cos-city-selector-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:#fff;border-radius:8px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1);box-shadow:0 1px 4px rgba(0,0,0,.1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:4px;position:absolute;width:526px;z-index:10}.cos-city-content{background-color:#fff;border-radius:8px;margin:0 4px 0 16px;max-height:258px;position:relative}.cos-city-content-freeze-mask{height:100%;max-height:258px;position:absolute;width:calc(100% - 20px)}.cos-city-content-nav-row{height:21px}.cos-city-content-nav{color:#333;font-size:13px;line-height:1;text-align:center}.cos-city-content-nav:hover{color:#315efb;cursor:pointer}.cos-city-content-active-nav{font-weight:500;position:relative}.cos-city-content-active-nav:before{background:#4e6ef2;border-radius:9px;bottom:0;content:"";height:4px;left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:28px}.cos-city-content-content-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:220px;overflow-x:hidden;overflow-y:hidden;padding-bottom:7px;padding-right:10px;padding-top:10px}.cos-city-content-scroll-bar{overflow-y:auto}.cos-city-content-scroll-bar::-webkit-scrollbar{background-color:#fff;border-radius:8px;width:4px}.cos-city-content-scroll-bar::-webkit-scrollbar-thumb{background:#4e6ef2;border-radius:2px;height:19px}.cos-city-content-city-item-wrapper{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#333;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:32px;text-align:left}.cos-city-content-city-item-text{border-radius:6px;display:inline-block;font-size:14px;height:28px;line-height:28px;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap;width:100%}.cos-city-content-city-item-text:hover{background:rgba(49,94,251,.1);color:#315efb;cursor:pointer}.cos-city-content-letter-city-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:14px}.cos-city-content-letter-city-wrapper:first-child{margin-top:0}.cos-city-content-index-letter{color:#333;line-height:32px;margin-right:5px;min-width:14px}._cos-brand-logo_1ozp5_1{display:block;margin-left:calc(var(--cos-aladdin-space-left)*-1);margin-top:calc(var(--cos-aladdin-space-top)*-1)}._cos-brand-logo-container_1ozp5_6{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-size:cover;border-bottom-right-radius:24px;border-top-left-radius:16px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;max-width:320px;overflow:hidden;padding-bottom:9px;padding-bottom:var(--cos-space-xs);padding-left:16px;padding-right:16px;padding-top:9px;padding-top:var(--cos-space-xs)}._cos-brand-logo-divider_1ozp5_21{border-left:1px solid hsla(231,6%,54%,.3);height:14.000000000000002px;margin:0 9px;margin-left:var(--cos-space-xs);margin-right:var(--cos-space-xs)}._cos-brand-logo-img-light_1ozp5_28{height:16px}._cos-brand-logo-icon_1ozp5_31{background-size:cover;height:16px;width:20px}._cos-brand-logo-text_1ozp5_36{-webkit-text-stroke:var(--cos-font-medium-stroke);font-family:-apple-system,Arial,Helvetica,sans-serif;font-weight:var(--cos-font-medium);line-height:0;padding-left:6px;padding-left:var(--cos-space-xxs);white-space:nowrap}.sc-feedback{display:inline-block}.sc-feedback-icon-wrap{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.sc-feedback-icon{color:var(--cos-color-text);display:inline-block;opacity:.1;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sc-feedback-icon:hover{cursor:pointer;opacity:.2}.sc-card-footer{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:24px}.sc-card-footer-left{-webkit-box-orient:inline-axis;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-dialog{bottom:var(--bottom-height-offset,0);left:0;position:fixed;right:0;top:0;z-index:901}.sc-dialog-mask{background-color:rgba(0,0,0,.4);bottom:0;left:0;position:absolute;right:0;top:0}.sc-dialog-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--cos-color-bg);border-radius:var(--cos-rounded-md);-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:auto;max-height:70%;max-width:70%;min-height:90px;min-width:326px;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.sc-dialog-container,.sc-dialog-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.sc-dialog-header{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;line-height:24px;padding:21px 21px 9px;padding:var(--cos-space-xl) var(--cos-space-xl) var(--cos-space-xs);text-align:left}.sc-dialog-title{--cos-text:var(--cos-text-subtitle);--cos-leading:var(--cos-leading-subtitle);-webkit-text-stroke:var(--cos-font-medium-stroke);color:var(--cos-color-text);display:inline-block;font-size:var(--cos-text-subtitle);font-weight:var(--cos-font-regular);font-weight:var(--cos-font-medium);line-height:var(--cos-leading-subtitle)}.sc-dialog-close,.sc-dialog-title{font-family:-apple-system,Arial,Helvetica,sans-serif}.sc-dialog-close{--cos-text:var(--cos-text-subtitle-sm);--cos-leading:var(--cos-leading-subtitle-sm);color:var(--cos-color-text-minor);color:var(--cos-color-text-slim);cursor:pointer;font-size:var(--cos-text-subtitle-sm);font-weight:var(--cos-font-regular);line-height:var(--cos-leading-subtitle-sm);position:absolute;right:24px}.sc-dialog-close:hover{color:var(--cos-color-text-hover)}.sc-dialog-header-icon{--cos-text:var(--cos-text-headline-sm);--cos-leading:var(--cos-leading-headline-sm);color:var(--cos-color-text-primary);font-family:-apple-system,Arial,Helvetica,sans-serif;font-size:var(--cos-text-headline-sm);font-weight:var(--cos-font-regular);line-height:var(--cos-leading-headline-sm);margin-right:6px;margin-right:var(--cos-space-xxs)}.sc-dialog-footer{-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;padding:15px 21px 21px;padding:var(--cos-space-md) var(--cos-space-xl) var(--cos-space-xl)}.sc-dialog-footer button{line-height:30px;width:80px}.sc-dialog-custom-behavior,.sc-dialog-ok{margin-left:16px}.sc-dialog-body{-webkit-box-flex:1;--cos-text:var(--cos-text-body-lg);--cos-leading:var(--cos-leading-body-lg);color:var(--cos-color-text-tiny);-webkit-flex:1;-ms-flex:1;flex:1;font-family:-apple-system,Arial,Helvetica,sans-serif;font-size:var(--cos-text-body-lg);font-weight:var(--cos-font-regular);line-height:var(--cos-leading-body-lg);overflow-x:hidden;padding-left:21px;padding-left:var(--cos-space-xl);padding-right:21px;padding-right:var(--cos-space-xl)}.sc-dialog.sc-headless .sc-dialog-body{padding-left:16px;padding-left:var(--cos-space-none);padding-right:16px;padding-right:var(--cos-space-none)}.sc-dialog.sc-success .sc-dialog-header-icon{color:var(--cos-color-text-success)}.sc-dialog.sc-error .sc-dialog-header-icon,.sc-dialog.sc-warning .sc-dialog-header-icon{color:var(--cos-color-text-error)}.sc-switch{background-color:#b7b9c1;display:inline-block;position:relative}.sc-switch,.sc-switch-slider{-webkit-transition:all .16s cubic-bezier(.78,.14,.15,.86);transition:all .16s cubic-bezier(.78,.14,.15,.86)}.sc-switch-slider{background-color:var(--cos-color-bg);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.sc-switch.sc-md{border-radius:14px;height:28px;width:52px}.sc-switch.sc-sm{border-radius:10px;height:20px;width:36px}.sc-switch.sc-checked{background-color:var(--cos-color-bg-primary)}.sc-switch.sc-md .sc-switch-slider{border-radius:11px;height:22px;left:3px;width:22px}.sc-switch.sc-sm .sc-switch-slider{border-radius:8px;height:16px;left:2px;width:16px}.sc-switch.sc-md.sc-checked .sc-switch-slider{border-radius:11px;height:22px;left:27px;width:22px}.sc-switch.sc-sm.sc-checked .sc-switch-slider{border-radius:8px;height:16px;left:18px;width:16px}.c-darkmode .sc-switch{background-color:var(--cos-color-bg-dent)}.c-darkmode .sc-switch.sc-checked{background-color:var(--cos-color-bg-primary)}.c-darkmode .sc-switch-slider{background-color:#fff}@media (prefers-color-scheme:dark){.cos-android.cos-baiduapp .sc-switch{background-color:var(--cos-color-bg);color-scheme:dark}.cos-android.cos-baiduapp .sc-switch.sc-checked{background-color:var(--cos-color-bg-primary)}.cos-android.cos-baiduapp .sc-switch-slider{background-color:#fff}}.sc-checkbox{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background-color:var(--cos-color-bg-dent);border-radius:var(--cos-rounded-sm);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--cos-color-text);cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--cos-text-subtitle-sm);height:33px;-webkit-justify-content:center;justify-content:center;line-height:33px;padding-left:12px;padding-left:var(--cos-space-sm);padding-right:12px;padding-right:var(--cos-space-sm);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sc-checkbox-icon{display:none}.sc-checkbox.sc-checked{background-color:rgba(78,110,242,.1);color:var(--cos-color-text-primary)}.sc-checkbox.sc-disabled{background-color:var(--cos-color-bg-dent);color:var(--cos-color-text-disabled);cursor:not-allowed}.sc-checkbox.sc-indeterminate{background-color:var(--cos-color-bg-dent);color:var(--cos-color-text)}.sc-checkbox:not(.sc-disabled):not(.sc-checked):hover{color:var(--cos-color-text-primary)}.sc-checkbox:not(.sc-disabled):not(.sc-checked):hover .sc-checkbox-label{text-decoration:none}.sc-checkbox.sc-checkmark{background:none}.sc-checkbox.sc-checkmark .sc-checkbox-icon{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background-color:var(--cos-color-bg);border:1px solid var(--cos-color-border);border-radius:var(--cos-rounded-xxs);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:16px;-webkit-justify-content:center;justify-content:center;outline:none;width:16px}.sc-checkbox.sc-checkmark .sc-checkbox-icon-inner{color:var(--cos-color-text-inverse);display:inline-block;height:100%;position:relative;width:100%}.sc-checkbox.sc-checkmark .sc-checkbox-label{--cos-text:var(--cos-text-subtitle);--cos-leading:var(--cos-leading-subtitle);color:var(--cos-color-text);display:inline-block;font-family:-apple-system,Arial,Helvetica,sans-serif;font-size:var(--cos-text-subtitle);font-weight:var(--cos-font-regular);line-height:1;line-height:var(--cos-leading-subtitle);padding-left:9px;padding-left:var(--cos-space-xs)}.sc-checkbox.sc-checkmark.sc-checked .sc-checkbox-icon{background-color:var(--cos-color-bg-primary);border-color:var(--cos-color-border-primary);-webkit-transition:all .2s;transition:all .2s}.sc-checkbox.sc-checkmark.sc-checked .sc-checkbox-icon-inner:after{border:2px solid var(--cos-color-text-inverse);border-left:0;border-top:0;content:"";height:8px;left:19%;position:absolute;top:44%;-webkit-transform:rotate(45deg) scale(1) translate(-50%,-50%);transform:rotate(45deg) scale(1) translate(-50%,-50%);width:5px}.sc-checkbox.sc-checkmark.sc-checked .sc-checkbox-label{color:var(--cos-color-text-primary);font-family:-apple-system,Arial,Helvetica,sans-serif;font-weight:var(--cos-font-regular)}.sc-checkbox.sc-checkmark.sc-indeterminate .sc-checkbox-icon{background-color:var(--cos-color-bg-primary);border-color:var(--cos-color-border-primary)}.sc-checkbox.sc-checkmark.sc-indeterminate .sc-checkbox-icon-inner:after{border:1px solid var(--cos-color-text-inverse);-webkit-box-sizing:border-box;box-sizing:border-box;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:70%}.sc-checkbox.sc-checkmark.sc-indeterminate .sc-checkbox-label{color:var(--cos-color-text);font-family:-apple-system,Arial,Helvetica,sans-serif;font-weight:var(--cos-font-regular)}.sc-checkbox.sc-checkmark.sc-disabled .sc-checkbox-icon{background-color:var(--cos-color-border-minor);border-color:var(--cos-color-border);opacity:.4}.sc-checkbox.sc-checkmark.sc-disabled .sc-checkbox-icon-inner:after{border-color:var(--cos-color-text-disabled)}.sc-checkbox.sc-checkmark.sc-disabled .sc-checkbox-label{color:var(--cos-color-text-disabled);font-family:-apple-system,Arial,Helvetica,sans-serif;font-weight:var(--cos-font-regular)}.sc-checkbox.sc-checkmark:not(.sc-disabled):not(.sc-checked):hover{background:none}.sc-checkbox.sc-checkmark:not(.sc-disabled):not(.sc-checked):hover .sc-checkbox-icon{border-color:var(--cos-color-border-primary)}.sc-checkbox.sc-checkmark:not(.sc-disabled):not(.sc-checked):hover .sc-checkbox-label{font-family:-apple-system,Arial,Helvetica,sans-serif;font-weight:var(--cos-font-regular);text-decoration:none}._ai-markdown-tooltips_10p39_1{left:0;position:absolute;right:0;top:0;z-index:11}._ai-markdown-tooltips_10p39_1 ._ai-markdown-triangle-icon_10p39_8{border:6.4px solid transparent;border-bottom-color:rgba(31,31,31,.95);position:absolute}._ai-markdown-tooltips-content_10p39_14{background-color:rgba(31,31,31,.95);border-radius:12px;-webkit-box-shadow:0 2px 7.000000000000001px rgba(31,31,31,.3);box-shadow:0 2px 7.000000000000001px rgba(31,31,31,.3);max-width:67%;padding:7.5px 12px;position:absolute;text-align:left;text-decoration:none;-webkit-transform:translateY(12px);transform:translateY(12px)}._ai-markdown-tooltips-content-title_10p39_25{color:hsla(0,0%,100%,.4)}._ai-markdown-tooltips-content-text_10p39_28{color:#fff;font-size:14.000000000000002px;line-height:20px;margin:4.5px 0}._ai-markdown-tooltips-content-text_10p39_28 i{font-style:normal}._ai-markdown-tooltips-content-no-wrap_10p39_37{white-space:nowrap}._ai-markdown-tooltips-content-icon_10p39_40{background-color:rgba(81,81,81,.5);border-radius:50%;font-size:12px;font-weight:700;margin-left:6px;padding:2px}._ai-markdown-tooltips-content-source_10p39_48{color:hsla(0,0%,100%,.4);margin-top:3px}._ai-markdown-tooltips-top_10p39_52 ._ai-markdown-triangle-icon_10p39_8{border-color:rgba(31,31,31,.95) transparent transparent;-webkit-transform:translateY(-12px);transform:translateY(-12px)}._ai-markdown-tooltips-top_10p39_52 ._ai-markdown-tooltips-content_10p39_14{-webkit-transform:translateY(-100%) translateY(-12px);transform:translateY(-100%) translateY(-12px)}@media (prefers-color-scheme:dark){._cos-android_10p39_60._cos-baiduapp_10p39_60 ._ai-markdown-tooltips-content_10p39_14{background-color:rgba(31,31,31,.95)}._cos-android_10p39_60._cos-baiduapp_10p39_60 ._ai-markdown-tooltips_10p39_1 ._ai-markdown-triangle-icon_10p39_8{border-color:transparent transparent rgba(31,31,31,.95)}._cos-android_10p39_60._cos-baiduapp_10p39_60 ._ai-markdown-tooltips-top_10p39_52 ._ai-markdown-triangle-icon_10p39_8{border-color:rgba(31,31,31,.95) transparent transparent}}._ai-markdown-vs-table_10p39_70{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 -12px}._ai-markdown-vs-table_10p39_70 ._markdown-table-inner_10p39_74{border:none!important;border-radius:0!important}._ai-markdown-vs-table_10p39_70 ._markdown-table_10p39_74{background-color:initial!important;border-radius:0!important;overflow:hidden!important}._ai-markdown-vs-table_10p39_70 ._markdown-table-cell_10p39_83{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal}._ai-markdown-vs-table_10p39_70 table{table-layout:fixed;width:100%}._ai-markdown-vs-table_10p39_70 table tr{font-size:var(--cos-text-body)!important;line-height:var(--cos-leading-body)!important}._ai-markdown-vs-table_10p39_70 table td,._ai-markdown-vs-table_10p39_70 table th{background-color:initial!important;border:none!important;border-radius:0!important;padding:10.5px 4px!important}._ai-markdown-vs-table_10p39_70 table td:first-child,._ai-markdown-vs-table_10p39_70 table th:first-child{-webkit-text-stroke:var(--cos-font-medium-stroke);font-family:-apple-system,Arial,Helvetica,sans-serif;font-weight:var(--cos-font-medium);padding-left:12px!important;text-align:left}._ai-markdown-vs-table_10p39_70 table td:nth-child(2),._ai-markdown-vs-table_10p39_70 table th:nth-child(2){color:var(--cos-color-text-slim);text-align:center;width:81px}._ai-markdown-vs-table_10p39_70 table td:nth-child(2) ._markdown-table-cell_10p39_83,._ai-markdown-vs-table_10p39_70 table th:nth-child(2) ._markdown-table-cell_10p39_83{-webkit-box-orient:inline-axis;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._ai-markdown-vs-table_10p39_70 table td:last-child,._ai-markdown-vs-table_10p39_70 table th:last-child{-webkit-text-stroke:var(--cos-font-medium-stroke);font-family:-apple-system,Arial,Helvetica,sans-serif;font-weight:var(--cos-font-medium);padding-right:12px!important;text-align:right}._ai-markdown-vs-table_10p39_70 table thead tr{color:var(--cos-color-text)!important}._ai-markdown-vs-table_10p39_70 table tbody tr:nth-child(2n),._ai-markdown-vs-table_10p39_70 table thead tr{background:rgba(82,64,255,.03)}._c-darkmode_10p39_143 ._ai-markdown-vs-table_10p39_70 tbody tr:nth-child(2n),._c-darkmode_10p39_143 ._ai-markdown-vs-table_10p39_70 thead tr{background:rgba(82,64,255,.06)}._cos-android_10p39_60 ._ai-markdown-vs-table_10p39_70{margin:0}._cos-android_10p39_60 ._ai-markdown-vs-table_10p39_70 td:first-child,._cos-android_10p39_60 ._ai-markdown-vs-table_10p39_70 th:first-child{padding-left:0!important}._cos-android_10p39_60 ._ai-markdown-vs-table_10p39_70 td:last-child,._cos-android_10p39_60 ._ai-markdown-vs-table_10p39_70 th:last-child{padding-right:0!important}._cos-android_10p39_60 ._ai-markdown-vs-table_10p39_70 tbody tr:nth-child(2n),._cos-android_10p39_60 ._ai-markdown-vs-table_10p39_70 thead tr{background:-webkit-gradient(linear,right top,left top,from(rgba(82,64,255,0)),color-stop(3%,rgba(82,64,255,.03)),color-stop(96%,rgba(82,64,255,.03)),to(rgba(82,64,255,0)));background:linear-gradient(270deg,rgba(82,64,255,0),rgba(82,64,255,.03) 3%,rgba(82,64,255,.03) 96%,rgba(82,64,255,0))}._cos-android_10p39_60 ._c-darkmode_10p39_143 ._ai-markdown-vs-table_10p39_70 tbody tr:nth-child(2n),._cos-android_10p39_60 ._c-darkmode_10p39_143 ._ai-markdown-vs-table_10p39_70 thead tr{background:-webkit-gradient(linear,right top,left top,from(rgba(82,64,255,0)),color-stop(3%,rgba(82,64,255,.06)),color-stop(96%,rgba(82,64,255,.06)),to(rgba(82,64,255,0)));background:linear-gradient(270deg,rgba(82,64,255,0),rgba(82,64,255,.06) 3%,rgba(82,64,255,.06) 96%,rgba(82,64,255,0))}._sc-ai-image-content_194jc_1 img{-webkit-filter:blur(5px);filter:blur(5px)}._sc-ai-image-mask_194jc_4{background-size:100% 100%;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}._ai-chart-bar_150hh_1{--font-size:14px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:-webkit-max-content;height:-moz-max-content;height:max-content;-webkit-justify-content:flex-start;justify-content:flex-start}._ai-chart-bar-info_150hh_10,._ai-chart-bar_150hh_1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}._ai-chart-bar-info_150hh_10{-webkit-box-pack:justify;-ms-flex-pack:justify;font-family:Arial,Helvetica,PingFang,sans-serif;font-size:var(--font-size);height:var(--font-size);-webkit-justify-content:space-between;justify-content:space-between;line-height:var(--font-size);margin-bottom:4px}._ai-chart-bar-info-text_150hh_20{color:#b7b9c1;font-weight:400;text-align:right}._ai-chart-bar-main_150hh_25{--chart-height:500px;color-scheme:dark;height:var(--chart-height);width:100%}@font-face{font-display:swap;font-family:LamaSans-BoldItalic;font-style:italic;font-weight:600;src:url(https://psstatic.cdn.bcebos.com/crosswise/search_components/lamasans/LamaSans-BoldItalic_1695453536000.woff) format("woff"),url(https://psstatic.cdn.bcebos.com/crosswise/search_components/lamasans/LamaSans-BoldItalic_1695453546000.ttf) format("truetype"),url(https://psstatic.cdn.bcebos.com/crosswise/search_components/lamasans/LamaSans-BoldItalic_1695453587000.otf) format("opentype"),url(https://psstatic.cdn.bcebos.com/crosswise/search_components/lamasans/LamaSans-BoldItalic_1695453546000.ttf) format("svg")}._ai-vs-chart_1l7k4_1{position:relative}</style><style type="text/css">.eb-plugin-ui{height:100%;width:100%}.eb-plugin-ui div,.eb-plugin-ui h1,.eb-plugin-ui h2,.eb-plugin-ui h3,.eb-plugin-ui li,.eb-plugin-ui p,.eb-plugin-ui ul{margin:0;padding:0}.eb-plugin-ui img{height:auto;max-width:100%}.eb-plugin-ui svg{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}.eb-plugin-ui .eb-plugin-ui-skeleton{height:100%}.eb-plugin-ui .eb-plugin-ui-skeleton div{-webkit-animation:skeleton 1.5s ease infinite;animation:skeleton 1.5s ease infinite;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f0f0f0),color-stop(50%,#e0e0e0),color-stop(75%,#f0f0f0));background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-position:100% 50%;background-size:200% 50%;opacity:1;width:100%}.eb-plugin-ui .eb-plugin-ui-skeleton.row div{height:20px;margin-top:2px}.eb-plugin-ui .block-skeleton{-webkit-animation:skeleton 1.5s ease infinite;animation:skeleton 1.5s ease infinite;aspect-ratio:3/1;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f0f0f0),color-stop(50%,#f5f6f9),color-stop(75%,#f0f0f0));background:linear-gradient(90deg,#f0f0f0 25%,#f5f6f9 50%,#f0f0f0 75%);background-position:100% 50%;background-size:200% 50%;border-radius:9pt;height:auto;margin:auto;padding:8px;position:relative;width:100%}.eb-plugin-ui .block-skeleton .image{aspect-ratio:3/1;background-image:url("");background-position:50%;background-repeat:no-repeat;background-size:29pt 29pt;width:100%}@-webkit-keyframes skeleton{0%{background-position:100% 50%;opacity:1}50%{background-position:50% 50%;opacity:.7}to{background-position:0 50%;opacity:1}}@keyframes skeleton{0%{background-position:100% 50%;opacity:1}50%{background-position:50% 50%;opacity:.7}to{background-position:0 50%;opacity:1}}</style><style type="text/css">.eb-plugin-ui-progress{cursor:default}.eb-plugin-ui-progress .progress-lingjing{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.eb-plugin-ui-progress .progress-lingjing .progress-icon{background-position:50%;background-repeat:no-repeat;background-size:cover;height:20px;width:20px}.eb-plugin-ui-progress .progress-lingjing .progress-content{font-size:16px;margin-left:8px}.eb-plugin-ui-progress .title{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;background:rgba(225,229,250,.5);border-radius:6px;color:#05073b;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;font-weight:400;height:40px;-webkit-justify-content:space-between;justify-content:space-between;letter-spacing:0;line-height:40px;padding:0 16px}.eb-plugin-ui-progress .title:hover{background:#f2f3fa;cursor:pointer}.eb-plugin-ui-progress .title:hover .title-arrow{background:#e1e5fa;border-radius:3px;color:#4955f5}.eb-plugin-ui-progress .title.collapse-title{margin-bottom:4px}.eb-plugin-ui-progress .title.loading-title,.eb-plugin-ui-progress .title.loading-title:hover{background:#dff7ee}.eb-plugin-ui-progress .title-plugin-name{-webkit-box-flex:1;-ms-flex-negative:0;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-shrink:0;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.eb-plugin-ui-progress .title-arrow{display:inline-block;height:20px;width:20px}.eb-plugin-ui-progress .title-arrow svg{-webkit-transform:scale(.5) translate(-12px,-12px);transform:scale(.5) translate(-12px,-12px)}.eb-plugin-ui-progress .title-arrow.arrow-top{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.eb-plugin-ui-progress .title-action{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.eb-plugin-ui-progress .title-action-name{margin-right:12px}.eb-plugin-ui-progress .title-action-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.eb-plugin-ui-progress .title-loading{background-image:url();background-size:cover;height:40px;width:60px}.eb-plugin-ui-progress .collapse{background:rgba(225,229,250,.5);border-radius:6px;overflow-y:scroll;padding:12px 16px}.eb-plugin-ui-progress .collapse-action{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:13px;font-weight:400;letter-spacing:0;line-height:24px}.eb-plugin-ui-progress .collapse-action:not(:last-of-type){margin-bottom:8px}.eb-plugin-ui-progress .collapse-action-name{-ms-flex-negative:0;color:#05073b;-webkit-flex-shrink:0;flex-shrink:0;margin-right:12px;text-align:justify}.eb-plugin-ui-progress .collapse-action-content{word-wrap:break-word;color:#676c90;display:inline-block;word-break:break-all}</style><style type="text/css">.eb-plugin-ui-block{display:block;height:100%;width:100%}</style><style type="text/css">.eb-plugin-ui .eb-plugin-ui-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;width:100%}</style><style type="text/css">.eb-plugin-ui .eb-plugin-ui-grid{display:block;height:100%;width:100%}</style><style type="text/css">.eb-plugin-ui .eb-plugin-ui-flex-item{display:block;height:100%;width:100%}</style><style type="text/css">.eb-plugin-ui .eb-plugin-ui-grid-col{margin-top:8px}</style><style type="text/css">.eb-plugin-ui .eb-plugin-ui-image-container{display:block;height:100%;position:relative;width:100%}.eb-plugin-ui .eb-plugin-ui-image-container .eb-plugin-ui-image-wrapper{display:inline-block;padding:0;position:relative;text-align:center}.eb-plugin-ui .eb-plugin-ui-image-container .eb-plugin-ui-image-wrapper .eb-plugin-ui-image-item{max-height:100%;max-width:100%;-o-object-fit:scale-down;object-fit:scale-down}.eb-plugin-ui .eb-plugin-ui-image-container .eb-plugin-ui-image-wrapper .eb-plugin-ui-image-button-wrap{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-box-align:center;-ms-flex-align:center;-webkit-tap-highlight-color:transparent;-webkit-align-items:center;align-items:center;bottom:16px;color:#5240ff;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;letter-spacing:0;position:absolute;right:0}.eb-plugin-ui .eb-plugin-ui-image-container .eb-plugin-ui-image-wrapper .eb-plugin-ui-image-button-wrap .eb-plugin-ui-image-button-item{background:#e4e8fb;border-radius:6px;color:#4955f5;cursor:pointer;font-size:14px;height:28px;line-height:28px;margin-right:16px;padding:0 6px;text-align:center;vertical-align:middle;width:72px}.eb-plugin-ui .eb-plugin-ui-image-container .eb-plugin-ui-image-wrapper .eb-plugin-ui-image-button-wrap .eb-plugin-ui-image-button-item:hover{background:#dde1f5}.eb-plugin-ui .eb-plugin-ui-image-container .eb-plugin-ui-image-wrapper .eb-plugin-ui-image-button-wrap .eb-plugin-ui-image-button-item .eb-plugin-ui-image-button-link{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#4955f5;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:28px;-webkit-justify-content:center;justify-content:center;line-height:28px;text-decoration:none}.eb-plugin-ui .eb-plugin-ui-image-container .eb-plugin-ui-image-wrapper .eb-plugin-ui-image-button-wrap .eb-plugin-ui-image-button-item .eb-plugin-ui-image-button-link .text{height:28px;line-height:28px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.eb-plugin-ui .eb-plugin-ui-image-container .eb-plugin-ui-image-wrapper .eb-plugin-ui-image-button-wrap .eb-plugin-ui-image-button-item .eb-plugin-ui-image-button-link:active,.eb-plugin-ui .eb-plugin-ui-image-container .eb-plugin-ui-image-wrapper .eb-plugin-ui-image-button-wrap .eb-plugin-ui-image-button-item .eb-plugin-ui-image-button-link:hover{color:#2c38db}</style><style type="text/css">.eb-plugin-ui .eb-plugin-ui-icon-container{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}</style><style type="text/css">.eb-plugin-ui .eb-plugin-ui-upload-container{background-color:#f5f5f5;border-radius:6px;min-width:60px}.eb-plugin-ui .eb-plugin-ui-upload-container .loading{padding:1rem 0}.eb-plugin-ui .eb-plugin-ui-upload-container .loading .loadingTitle{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}.eb-plugin-ui .eb-plugin-ui-upload-container .loading .loadingTitle .loadingTitleIcon{background-size:cover;height:16px;width:16px}.eb-plugin-ui .eb-plugin-ui-upload-container .loading .loadingTitle .loadingText{color:#848691;cursor:default;font-size:16px;letter-spacing:.27px;line-height:18px;margin-left:4px}.eb-plugin-ui .eb-plugin-ui-upload-container .loading .lodingDetail{color:#848691;cursor:default;font-size:12px;letter-spacing:0;line-height:14px;padding-top:8px;text-align:center}.eb-plugin-ui .eb-plugin-ui-upload-container .eb-plugin-ui-upload-button{cursor:pointer;padding:1rem 0}.eb-plugin-ui .eb-plugin-ui-upload-container .eb-plugin-ui-upload-button input{display:none}.eb-plugin-ui .eb-plugin-ui-upload-container .eb-plugin-ui-upload-button .title{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}.eb-plugin-ui .eb-plugin-ui-upload-container .eb-plugin-ui-upload-button .title .titleIcon{background-image:url(https://gips2.baidu.com/it/u=2029043052,3613996987&fm=3028&app=3028&f=PNG&fmt=auto&q=100&size=f28_28);background-size:cover;height:16px;width:16px}.eb-plugin-ui .eb-plugin-ui-upload-container .eb-plugin-ui-upload-button .title .text{color:#5240ff;font-size:16px;letter-spacing:.27px;line-height:18px;margin-left:4px}.eb-plugin-ui .eb-plugin-ui-upload-container .eb-plugin-ui-upload-button .detail{color:#848691;font-size:12px;letter-spacing:0;line-height:14px;padding-top:8px;text-align:center}.eb-plugin-ui .eb-plugin-ui-upload-container .eb-plugin-ui-upload-button:hover{background:#ebe9ff;border-radius:6px;cursor:pointer}.eb-plugin-ui .eb-plugin-ui-upload-container .eb-plugin-ui-upload-button.disabled{background:#ebe9ff;opacity:40%;pointer-events:none}.eb-plugin-ui .eb-plugin-ui-upload-container .eb-plugin-ui-upload-progress{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;padding:16px 0}.eb-plugin-ui .eb-plugin-ui-upload-container .eb-plugin-ui-upload-progress .file-icon{background-size:cover;display:inline-block;height:16px;width:16px}.eb-plugin-ui .eb-plugin-ui-upload-container .eb-plugin-ui-upload-progress .file-info{cursor:pointer;margin-left:16px;width:80%}.eb-plugin-ui .eb-plugin-ui-upload-container .eb-plugin-ui-upload-progress .file-info .info{color:#1e1f24;font-size:14px;letter-spacing:0;line-height:18px;overflow:hidden;padding:0;text-align:justify;text-overflow:ellipsis;white-space:nowrap}.eb-plugin-ui .eb-plugin-ui-upload-container .eb-plugin-ui-upload-progress .file-info .progress{background:#ebe9ff;border-radius:5px;height:6px;margin-bottom:4px;margin-right:4px;margin-top:12px;padding-right:4px}.eb-plugin-ui .eb-plugin-ui-upload-container .eb-plugin-ui-upload-progress .file-info .progress .inner{background:#7365ff;border-radius:5px;height:6px;position:relative;-webkit-transition:all .4s cubic-bezier(.08,.82,.17,1) 0s;transition:all .4s cubic-bezier(.08,.82,.17,1) 0s;width:1px}</style><style type="text/css">.eb-plugin-ui .eb-plugin-ui-table-container{display:block;height:100%;position:relative;width:100%}.eb-plugin-ui .eb-plugin-ui-table-container table{border:1px solid #eee;border-radius:10px;height:100%;width:100%}.eb-plugin-ui .eb-plugin-ui-table-tr-light{background-color:#fff}.eb-plugin-ui .eb-plugin-ui-table-tr-dark{background-color:#f5f6f9}.eb-plugin-ui .eb-plugin-ui-table-center{text-align:center}</style><style type="text/css">@charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 + 2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc((var(--plyr-range-track-height, 5px)/2)*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius, 8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius, 8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius, 8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}</style><style type="text/css">.eb-plugin-ui .eb-plugin-ui-video-container{display:block;height:100%;position:relative;width:100%}.eb-plugin-ui .eb-plugin-ui-video-wrapper{height:100%;width:100%}.eb-plugin-ui .eb-plugin-ui-video-wrapper.hidden{display:none}</style><style type="text/css">.eb-plugin-ui-echarts .eb-plugin-ui-echarts-container{background:#f5f6fd;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:14px;width:100%}</style><style type="text/css">.eb-plugin-ui .eb-plugin-ui-checkbox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.eb-plugin-ui .eb-plugin-ui-checkbox .checkbox-input-hidden{position:fixed;visibility:hidden}.eb-plugin-ui .eb-plugin-ui-checkbox .checkbox-label-common{border-radius:9px;cursor:pointer;display:inline-block;font-family:PingFang SC;font-size:14px;height:30px;line-height:30px;padding-left:16px;padding-right:16px}.eb-plugin-ui .eb-plugin-ui-checkbox .checkbox-label-active{background-color:#ebe8fd;color:#5c4ff5}.eb-plugin-ui .eb-plugin-ui-checkbox .checkbox-label-unactive{background-color:#f5f6f9;color:#1e1f24}.eb-plugin-ui .eb-plugin-ui-checkbox .checkbox-label-unactive:hover{background-color:#eaebee}.eb-plugin-ui .eb-plugin-ui-checkbox .checkbox-label-margin-top{margin-top:8px}.eb-plugin-ui .eb-plugin-ui-checkbox .checkbox-label-margin-right{margin-right:8px}.eb-plugin-ui .eb-plugin-ui-checkbox-disabled{pointer-events:none}@media (max-width:750px){.eb-plugin-ui .checkbox-label-common{margin-top:8px}}</style><style type="text/css">.eb-plugin-ui .eb-plugin-ui-radio{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.eb-plugin-ui .eb-plugin-ui-radio .radio-input{position:fixed;visibility:hidden}.eb-plugin-ui .eb-plugin-ui-radio .radio-label-common{border-radius:9px;cursor:pointer;display:inline-block;font-family:PingFang SC;font-size:14px;height:30px;line-height:30px;padding-left:16px;padding-right:16px}.eb-plugin-ui .eb-plugin-ui-radio .radio-label-unactive{background-color:#f5f6f9;color:#1e1f24}.eb-plugin-ui .eb-plugin-ui-radio .radio-label-unactive:hover{background-color:#eaebee}.eb-plugin-ui .eb-plugin-ui-radio .radio-label-active{background-color:#ebe8fd;color:#5c4ff5}.eb-plugin-ui .eb-plugin-ui-radio .radio-label-margin-top{margin-top:8px}.eb-plugin-ui .eb-plugin-ui-radio .radio-label-margin-right{margin-right:8px}.eb-plugin-ui .eb-plugin-ui-radio-disabled{pointer-events:none}@media (max-width:750px){.eb-plugin-ui .radio-label-common{margin-top:8px}}</style><style type="text/css">.eb-plugin-ui .eb-plugin-ui-input{background-color:transparent;border:1px solid #dee0e7;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000;font-size:14px;height:32px;outline:none;padding:5px 12px;width:100%}.eb-plugin-ui .eb-plugin-ui-input::-webkit-input-placeholder{color:#b7b9c1;font-family:PingFang SC;font-size:14px;font-weight:400}.eb-plugin-ui .eb-plugin-ui-input::-moz-placeholder{color:#b7b9c1;font-family:PingFang SC;font-size:14px;font-weight:400}.eb-plugin-ui .eb-plugin-ui-input:-ms-input-placeholder{color:#b7b9c1;font-family:PingFang SC;font-size:14px;font-weight:400}.eb-plugin-ui .eb-plugin-ui-input::-ms-input-placeholder{color:#b7b9c1;font-family:PingFang SC;font-size:14px;font-weight:400}.eb-plugin-ui .eb-plugin-ui-input::placeholder{color:#b7b9c1;font-family:PingFang SC;font-size:14px;font-weight:400}.eb-plugin-ui .eb-plugin-ui-input:focus{border:1px solid #7365ff}</style><style type="text/css">.eb-plugin-ui .eb-plugin-ui-form{background-color:#fff;display:block;height:100%;padding:24px}.eb-plugin-ui .eb-plugin-ui-form.form-disabled{opacity:40%;pointer-events:none}.eb-plugin-ui .eb-plugin-ui-form .form-container{display:block}.eb-plugin-ui .eb-plugin-ui-form .form-container .title{color:#333;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:14px;font-weight:600;text-align:center}.eb-plugin-ui .eb-plugin-ui-form .form-container .form-item{margin:16px 0}.eb-plugin-ui .eb-plugin-ui-form .form-container .form-item .form-item-label{color:#1e1f24;display:block;font-family:PingFang SC;font-size:14px}.eb-plugin-ui .eb-plugin-ui-form .form-container .form-item .form-item-label.required:after{color:red;content:"*";display:inline-block;height:22px;margin-left:4px;width:8px}.eb-plugin-ui .eb-plugin-ui-form .form-container .form-item .form-item-value{-webkit-box-flex:30%;-webkit-flex:30%;-ms-flex:30%;flex:30%;position:relative}.eb-plugin-ui .eb-plugin-ui-form .form-container .form-item .form-item-value .form-item-error{bottom:0;color:#d54b4b;left:0;text-align:left}.eb-plugin-ui .eb-plugin-ui-form .form-flex{-webkit-box-pack:right;-ms-flex-pack:right;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:right;justify-content:right;margin-top:24px}.eb-plugin-ui .eb-plugin-ui-form .form-flex .form-reset{background-color:#fff;border:1px solid #bfc3cd;border-radius:100px;color:#000;cursor:pointer;font-family:PingFang SC;font-size:14px;height:32px;line-height:32px;margin-right:10px;text-align:center;width:58px}.eb-plugin-ui .eb-plugin-ui-form .form-flex .form-grey{opacity:40%;pointer-events:none}.eb-plugin-ui .eb-plugin-ui-form .form-flex .form-submit{background:none;background-color:#7365ff;border:none;border-radius:100px;-webkit-box-shadow:none;box-shadow:none;color:#fff;font-family:PingFang SC;font-size:14px;height:32px;line-height:32px;outline:none;text-align:center;width:58px}.eb-plugin-ui .eb-plugin-ui-form .form-flex .form-ungrey{cursor:pointer}.eb-plugin-ui .eb-plugin-ui-form .form-flex .form-ungrey:hover{background-color:#8b8cfd}@media (max-width:750px){.eb-plugin-ui .eb-plugin-ui-form{padding:5.8vw}.eb-plugin-ui .eb-plugin-ui-form .form-flex{-webkit-box-pack:left;-ms-flex-pack:left;-webkit-justify-content:left;justify-content:left}.eb-plugin-ui .eb-plugin-ui-form .form-flex .form-reset{background-color:#f5f6f9;border:none;border-radius:24.2vw;height:36px;line-height:36px;margin-right:0;width:43vw}.eb-plugin-ui .eb-plugin-ui-form .form-flex .form-submit{background-color:#ebe9ff;border-radius:24.2vw;color:#7365ff;height:36px;line-height:36px;margin-left:8px;width:43vw}}</style><style type="text/css">.eb-plugin-ui-location-list-container{--swiper-pagination-bottom:-23px;--swiper-pagination-bullet-horizontal-gap:3px;overflow:hidden}.eb-plugin-ui-location-list-container .eb-plugin-ui-location-list-swiper{height:100%;position:relative;width:100%}.eb-plugin-ui-location-list-container .eb-plugin-ui-location-list-swiper-slide-item{border-bottom:1px solid #edeef0;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;padding:12px 0}.eb-plugin-ui-location-list-container .eb-plugin-ui-location-list-swiper-slide-item:first-of-type{padding-top:0}.eb-plugin-ui-location-list-container .eb-plugin-ui-location-list-swiper-slide-item:last-of-type{border:none;padding-bottom:0}.eb-plugin-ui-location-list-container .swiper-slide{margin-right:1px}.eb-plugin-ui-location-list-container .swiper-pagination-bullet{background-color:#dbdce0;height:4px;opacity:.3;-webkit-transition:all .1s;transition:all .1s;width:4px}.eb-plugin-ui-location-list-container .swiper-pagination-bullet-active{background-color:#7365ff;border-radius:4px;opacity:1;width:15px}</style><style type="text/css">.eb-plugin-ui-location-card-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.eb-plugin-ui-location-card-container .eb-plugin-ui-location-card-cover{-webkit-box-flex:0;background-repeat:no-repeat;background-size:cover;border-radius:9px;-webkit-flex:none;-ms-flex:none;flex:none;height:87px;width:87px}.eb-plugin-ui-location-card-container .eb-plugin-ui-location-card-content{overflow-x:clip;padding-left:12px;width:100%}.eb-plugin-ui-location-card-container .eb-plugin-ui-location-card-content-line{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:14px;margin-top:9px;width:100%}.eb-plugin-ui-location-card-container .eb-plugin-ui-location-card-content-tags{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;height:16px;line-height:16px;overflow:hidden;text-overflow:ellipsis}.eb-plugin-ui-location-card-container .eb-plugin-ui-location-card-content-title{color:#1e1f24;font-size:16px;font-weight:500;line-height:16px;overflow-x:clip;text-overflow:ellipsis;white-space:nowrap}.eb-plugin-ui-location-card-container .eb-plugin-ui-location-card-content-text{color:#848691;display:inline-block;font-size:14px;overflow-x:clip;text-overflow:ellipsis;white-space:nowrap}.eb-plugin-ui-location-card-container .eb-plugin-ui-location-card-content-text-score{color:#fd503e;font-size:12px;margin-right:8px;white-space:nowrap}.eb-plugin-ui-location-card-container .eb-plugin-ui-location-card-content-score{-webkit-box-flex:0;background-color:#f5f6f9;-webkit-flex:none;-ms-flex:none;flex:none;font-size:0;height:14px;margin-right:8px;overflow:hidden;position:relative;width:78px}.eb-plugin-ui-location-card-container .eb-plugin-ui-location-card-content-score-star{background:url(https://now.bdstatic.com/stash/v1/6f672d5/lingjing-fe/07ccbd4/plugin-ui-sdk/location-card-start.svg);background-repeat:no-repeat;background-size:cover;height:14px;position:absolute;width:78px}.eb-plugin-ui-location-card-container .eb-plugin-ui-location-card-content-score-fill{background-color:#fd503e;height:100%;left:0;position:absolute}.eb-plugin-ui-location-card-container .eb-plugin-ui-location-card-content-tag{-webkit-box-flex:0;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border:1px solid rgba(115,125,153,.4);border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#737d99;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:none;-ms-flex:none;flex:none;font-size:11px;font-weight:500;height:100%;margin-right:6px;max-width:76px;padding:0 3px;white-space:nowrap}.eb-plugin-ui-location-card-container .eb-plugin-ui-location-card-content-tag-blue{border:1px solid rgba(51,102,255,.4);color:#36f;max-width:none}.eb-plugin-ui-location-card-container .eb-plugin-ui-location-card-content-tag-wrap{min-width:0}.eb-plugin-ui-location-card-container .eb-plugin-ui-location-card-content-tag-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}</style><style type="text/css">@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{-webkit-box-sizing:content-box;box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-ms-flex-negative:0;display:block;-webkit-flex-shrink:0;flex-shrink:0;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{-ms-scroll-snap-type:none;scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{-ms-flex-negative:0;-webkit-box-ordinal-group:10000;-ms-flex-order:9999;content:"";-webkit-flex-shrink:0;flex-shrink:0;-webkit-order:9999;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid transparent;-webkit-box-sizing:border-box;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;-webkit-transform-origin:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s linear infinite;animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:var(--swiper-navigation-size);-webkit-justify-content:center;justify-content:center;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{height:100%;-o-object-fit:contain;object-fit:contain;-webkit-transform-origin:center;transform-origin:center;width:100%}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .3s;transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:top .2s,-webkit-transform .2s;transition:top .2s,-webkit-transform .2s;transition:transform .2s,top .2s;transition:transform .2s,top .2s,-webkit-transform .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:left .2s,-webkit-transform .2s;transition:left .2s,-webkit-transform .2s;transition:transform .2s,left .2s;transition:transform .2s,left .2s,-webkit-transform .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:right .2s,-webkit-transform .2s;transition:right .2s,-webkit-transform .2s;transition:transform .2s,right .2s;transition:transform .2s,right .2s,-webkit-transform .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;touch-action:none}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-justify-content:center;justify-content:center;text-align:center;width:100%}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;-ms-touch-action:none;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-grid-column>.swiper-wrapper,.swiper-grid>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;pointer-events:none;-webkit-transform-origin:0 0;transform-origin:0 0;visibility:hidden;width:100%;z-index:1}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0}.swiper-cube .swiper-cube-shadow:before{background:#000;bottom:0;content:"";-webkit-filter:blur(50px);filter:blur(50px);left:0;position:absolute;right:0;top:0}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:0}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:0}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;-webkit-transition-property:opacity,height,-webkit-transform;transition-property:opacity,height,-webkit-transform;transition-property:transform,opacity,height;transition-property:transform,opacity,height,-webkit-transform}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;-webkit-transform-origin:center bottom;transform-origin:center bottom}</style><style type="text/css">.swiper-pagination{position:absolute;text-align:center;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:opacity .3s;transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:top .2s,-webkit-transform .2s;transition:top .2s,-webkit-transform .2s;transition:transform .2s,top .2s;transition:transform .2s,top .2s,-webkit-transform .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:left .2s,-webkit-transform .2s;transition:left .2s,-webkit-transform .2s;transition:transform .2s,left .2s;transition:transform .2s,left .2s,-webkit-transform .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:right .2s,-webkit-transform .2s;transition:right .2s,-webkit-transform .2s;transition:transform .2s,right .2s;transition:transform .2s,right .2s,-webkit-transform .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}</style><style type="text/css">.eb-plugin-ui-note-list-container .eb-plugin-ui-note-list-scroll{overflow:hidden}.eb-plugin-ui-note-list-container .eb-plugin-ui-note-list-scroll-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:auto hidden}.eb-plugin-ui-note-list-container .eb-plugin-ui-note-list-scroll-item{cursor:pointer;margin-right:12px}</style><style type="text/css">.eb-plugin-ui-note-card-container{border-radius:9px;height:100%;overflow:hidden;width:150px}.eb-plugin-ui-note-card-container,.eb-plugin-ui-note-card-container .eb-plugin-ui-note-card-cover{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.eb-plugin-ui-note-card-container .eb-plugin-ui-note-card-cover{-webkit-box-pack:justify;-ms-flex-pack:justify;background-repeat:no-repeat;background-size:cover;height:200px;-webkit-justify-content:space-between;justify-content:space-between;position:relative;width:100%}.eb-plugin-ui-note-card-container .eb-plugin-ui-note-card-cover-bg{background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(87.32%,rgba(0,0,0,.1)),to(rgba(0,0,0,.3)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.1) 87.32%,rgba(0,0,0,.3));inset:0;position:absolute}.eb-plugin-ui-note-card-container .eb-plugin-ui-note-card-cover-info{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin:9px;position:relative}.eb-plugin-ui-note-card-container .eb-plugin-ui-note-card-cover-info-tag{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:rgba(0,0,0,.5);border-radius:3px;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:11px;font-weight:500;height:18px;padding:0 3px}.eb-plugin-ui-note-card-container .eb-plugin-ui-note-card-cover-info-play{background-image:url("");background-repeat:no-repeat;background-size:cover;height:19px;width:19px}.eb-plugin-ui-note-card-container .eb-plugin-ui-note-card-cover-info-text{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:12px;font-weight:400;line-height:1}.eb-plugin-ui-note-card-container .eb-plugin-ui-note-card-cover-info-text-favor{margin-right:5.76px}.eb-plugin-ui-note-card-container .eb-plugin-ui-note-card-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-flex:1;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:#f5f6f9;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;padding:10px 0 12px;width:100%}.eb-plugin-ui-note-card-container .eb-plugin-ui-note-card-content-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#1e1f24;display:-webkit-box;font-size:14px;font-weight:500;line-height:1.21;margin:0 9px;overflow:hidden;text-align:left;text-overflow:ellipsis}.eb-plugin-ui-note-card-container .eb-plugin-ui-note-card-content-author{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:14px;margin:8px 9px 0;overflow:hidden}.eb-plugin-ui-note-card-container .eb-plugin-ui-note-card-content-author-avatar{-webkit-box-flex:0;background-repeat:no-repeat;background-size:cover;border-radius:100%;-webkit-flex:none;-ms-flex:none;flex:none;height:14px;margin-right:9px;overflow:hidden;position:relative;width:14px}.eb-plugin-ui-note-card-container .eb-plugin-ui-note-card-content-author-avatar:after{border:1px solid rgba(0,0,0,.1);border-radius:100%;content:"";inset:0;position:absolute}.eb-plugin-ui-note-card-container .eb-plugin-ui-note-card-content-author-name{color:#848691;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}</style><style type="text/css">.eb-plugin-ui-audio-container{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.eb-plugin-ui-audio-container .eb-plugin-ui-audio-content{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}</style><style type="text/css">.eb-plugin-ui .eb-plugin-ui-good-card-container .eb-plugin-ui-good-card-wrap{border-bottom-right-radius:9px;border-top-right-radius:9px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:88px;overflow:hidden}.eb-plugin-ui .eb-plugin-ui-good-card-container .eb-plugin-ui-good-card-cover{-webkit-box-flex:0;background-position:50%;background-repeat:no-repeat;background-size:contain;border-bottom-left-radius:9px;border-top-left-radius:9px;-webkit-box-shadow:inset 0 0 0 .5px rgba(30,31,36,.1);box-shadow:inset 0 0 0 .5px rgba(30,31,36,.1);-webkit-flex:none;-ms-flex:none;flex:none;height:100%;overflow:hidden;position:relative;width:88px}.eb-plugin-ui .eb-plugin-ui-good-card-container .eb-plugin-ui-good-card-left{background-color:#f5f6f9;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;width:100%}.eb-plugin-ui .eb-plugin-ui-good-card-container .eb-plugin-ui-good-card-content{-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;overflow:hidden;padding:9px}.eb-plugin-ui .eb-plugin-ui-good-card-container .eb-plugin-ui-good-card-content-title{color:#000;font-size:16px;font-weight:500;line-height:16px;overflow-x:clip;text-overflow:ellipsis;white-space:nowrap}.eb-plugin-ui .eb-plugin-ui-good-card-container .eb-plugin-ui-good-card-content-price{color:#fd503e;font-family:baidunumber-medium,Arial,Helvetica,sans-serif;font-size:14px;font-weight:500;line-height:14px;margin-top:3px}.eb-plugin-ui .eb-plugin-ui-good-card-container .eb-plugin-ui-good-card-content-tags{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:16px;overflow:hidden;text-overflow:ellipsis;width:100%}.eb-plugin-ui .eb-plugin-ui-good-card-container .eb-plugin-ui-good-card-content-tag{-webkit-box-flex:0;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border:1px solid #dbdce0;border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#848691;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:none;-ms-flex:none;flex:none;font-size:11px;font-weight:500;height:100%;line-height:14px;margin-right:6px;max-width:76px;padding:1px 3px;white-space:nowrap}.eb-plugin-ui .eb-plugin-ui-good-card-container .eb-plugin-ui-good-card-content-tag-wrap{min-width:0}.eb-plugin-ui .eb-plugin-ui-good-card-container .eb-plugin-ui-good-card-content-tag-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eb-plugin-ui .eb-plugin-ui-good-card-container .eb-plugin-ui-good-card-operate{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;padding-right:12px}.eb-plugin-ui .eb-plugin-ui-good-card-container .eb-plugin-ui-good-card-operate,.eb-plugin-ui .eb-plugin-ui-good-card-container .eb-plugin-ui-good-card-operate-btn{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.eb-plugin-ui .eb-plugin-ui-good-card-container .eb-plugin-ui-good-card-operate-btn{-webkit-box-pack:center;-ms-flex-pack:center;background-color:#fff;border-radius:30px;color:#36f;cursor:pointer;font-size:13px;font-weight:500;height:30px;-webkit-justify-content:center;justify-content:center;min-width:55px}</style><link type="text/css" rel="stylesheet" href="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/index.global.css"><style type="text/css">
            .swan-text-size-adjust-1 swan-chat-view .chat-input-box-textarea-content {
                line-height: 32px;
            }
            .swan-text-size-adjust-1 swan-chat-view .chat-input-box .voice-first-placeholder {
                line-height: 38px;
            }

            .swan-text-size-adjust-4 swan-chat-view .chat-input-box-textarea-content,
            .swan-text-size-adjust-5 swan-chat-view .chat-input-box-textarea-content {
                line-height: 22px;
            }

            .swan-text-size-adjust-4 swan-chat-view .chat-input-box .voice-first-placeholder,
            .swan-text-size-adjust-5 swan-chat-view .chat-input-box .voice-first-placeholder {
                line-height: 26px;
            }
        </style><link href="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/iframe.css" rel="stylesheet"></head>
<body class="webp">
<img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/share_default.jpeg" border="0" style="width:0; height:0; position:absolute;">
<div class="Content-box" style="min-height: 602px;">
    <div class="Content detail-content-new">
    <!--关注-->
    <div class="fixtitle" style="display: none;">
        <div class="clearfix Page">
            <h3 class="fl title">[转帖]Kafka之ISR机制的理解</h3>
            <div class="messbox fr">
                                                            <a id="checkFollow1_11519070" class="follow-1 checkFollow on" one-link-mark="yes">关注</a>
                                                    <a href="https://blog.51cto.com/u_11529070" class="name" target="_blank" title="jinanxiaolaohu6" one-link-mark="yes">jinanxiaolaohu6</a>
                <strong>
                    <a href="https://blog.51cto.com/u_11529070" class="avatar" target="_blank" one-link-mark="yes">
                        <img class="is-vip-img is-vip-img-4" data-uid="11519070" src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/noavatar_middle.gif">
                    </a>
                </strong>
            </div>
        </div>
    </div>
    <!--大模块引入-->
    <div class="clearfix Page" id="page_center" style="position:relative;">
                <aside class="detail-content-directory common-content-directory">
     <!-- 文章目录 -->
     <section class="common-section common-spacing table-contents" style="background:none">
        <div class="clearfix common-sub-title">
            <strong title="文章目录">文章目录</strong>
            <i class="iconblog blogquxiao18" id="closeDirectory"></i>
        </div>
        <div class="directory" id="directory-parent2">
            <ul class="directory-list directory-list-left" id="directory-left">
                                                                   <li class="lv1">
                            <div class="title">
                                <span data-id="#h0">
                                                                        Kafka对于producer发来的消息怎么保证可靠性？                                </span>
                            </div>
                        </li>
                                                                                            <li class="lv4">
                            <div class="title">
                                <span data-id="#h1">
                                                                        副本数据同步策略                                </span>
                            </div>
                        </li>
                                                                                            <li class="lv4">
                            <div class="title">
                                <span data-id="#h2">
                                                                        完全同步的优点                                </span>
                            </div>
                        </li>
                                                                                            <li class="lv4">
                            <div class="title">
                                <span data-id="#h3">
                                                                        完全同步会有什么问题？                                </span>
                            </div>
                        </li>
                                                                                            <li class="lv1">
                            <div class="title">
                                <span data-id="#h4">
                                                                        什么是ISR？                                </span>
                            </div>
                        </li>
                                                                                            <li class="lv4">
                            <div class="title">
                                <span data-id="#h5">
                                                                        follower的作用                                </span>
                            </div>
                        </li>
                                                                                            <li class="lv4">
                            <div class="title">
                                <span data-id="#h6">
                                                                        什么情况ISR中的replica会被踢出ISR？                                </span>
                            </div>
                        </li>
                                                                                            <li class="lv4 on">
                            <div class="title">
                                <span data-id="#h7">
                                                                        replica.lag.time.max.ms的误区                                </span>
                            </div>
                        </li>
                                                                                            <li class="lv4">
                            <div class="title">
                                <span data-id="#h8">
                                                                        follower到底出了什么问题？                                </span>
                            </div>
                        </li>
                                                                                            <li class="lv4">
                            <div class="title">
                                <span data-id="#h9">
                                                                        什么情况OSR中的replica会重新加入ISR？                                </span>
                            </div>
                        </li>
                                                                                            <li class="lv1">
                            <div class="title">
                                <span data-id="#h10">
                                                                        相关的重要概念                                </span>
                            </div>
                        </li>
                                                                                            <li class="lv1">
                            <div class="title">
                                <span data-id="#h11">
                                                                        写在最后的话                                </span>
                            </div>
                        </li>
                                                        </ul>
        </div>
    </section>
</aside>
                <article class="detail-content-left">
    <div class="common-section common-spacing mb30 article-detail">
    <div class="title">
        <h1>[转帖]Kafka之ISR机制的理解</h1>
         
                <span class="reprint">转载</span>
        
    </div>
    <div class="messbox">
        <p class="clearfix mess-line1">
            <a class="fl" href="https://blog.51cto.com/u_11529070" rel="nofollow" one-link-mark="yes">jinanxiaolaohu6</a>
            <time class="fl" pubdate="2024-01-16 11:55:12">2024-01-16 11:55:12</time>
                                </p>
        <p class="clearfix mess-tag">
                            <strong class="fl">
                    <em class="fl">文章标签</em>
                                            <a href="https://blog.51cto.com/topic/sousuo.html" class="fl shence_tag" target="_blank" one-link-mark="yes">搜索</a>
                                            <a href="https://blog.51cto.com/topic/shuju.html" class="fl shence_tag" target="_blank" one-link-mark="yes">数据</a>
                                            <a href="https://blog.51cto.com/topic/zookeeper.html" class="fl shence_tag" target="_blank" one-link-mark="yes">zookeeper</a>
                                    </strong>
                                        <strong class="fl">
                    <em class="fl">文章分类</em>
                                                                        <a href="https://blog.51cto.com/nav/javascript" class="fl shence_cate" target="_blank" rel="nofollow" one-link-mark="yes">JavaScript</a>
                                                                                                <a href="https://blog.51cto.com/nav/web" class="fl shence_cate" target="_blank" rel="nofollow" one-link-mark="yes">前端开发</a>
                                                            </strong>
                                <strong class="fl"><em class="fl">阅读数</em><b class="fl">84</b></strong></p>
    </div>
                <div class="article-content-wrap">
                    <div class="artical-content-bak main-content editor-side-new">
                <div class="con editor-preview-side" id="result" data-version="1"><div class="editor-container container am-engine" id="container" data-element="root"><h2 id="h0">Kafka对于producer发来的消息怎么保证可靠性？</h2><p>每个partition都给配上副本，做数据同步，保证数据不丢失。</p><h4 id="h1">副本数据同步策略</h4><p>和zookeeper不同的是，Kafka选择的是全部完成同步，才发送ack。但是又有所区别。</p><p>所以，你们才会在各种博客看到这句话【<strong>kafka不是完全同步，也不是完全异步，是一种ISR机制</strong>】</p><p>这句话对也不对，不对也对（谜语人......）</p><p>首先笔者认为：Kafka使用的就是完全同步方案。</p><h4 id="h2">完全同步的优点</h4><p>同样为了容忍 n 台节点的故障，过半机制需要 2n+1 个副本，而全部同步方案只需要 n+1 个副本，</p><p>而 Kafka 的每个分区都有大量的数据，过半机制方案会造成大量数据的冗余。（这就是和zookeeper的不同）</p><h4 id="h3">完全同步会有什么问题？</h4><p>假设就有这么一个follower延迟太高或者某种故障的情况出现，导致迟迟不能与leader进行同步。</p><p>怎么办？leader等还是不等？</p><p>等吧：producer有话要说：“Kafka也不行啊，处理个消息这么费劲，垃圾，你等NM呢等”</p><p>不等：那你Kafka对外说完全同步个鸡儿，你这是完全同步么？</p><p>基于此，Kafka的设计者和开发者想出了一个非常鸡贼的点子：ISR</p><h2 id="h4">什么是ISR？</h2><p>先来看几个概念</p><p>1、<strong>AR</strong>（Assigned Repllicas）一个partition的所有副本（就是replica，不区分leader或follower）</p><p>2、<strong>ISR</strong>（In-Sync Replicas）能够和 leader 保持同步的 follower&nbsp;+ leader本身 组成的集合。</p><p>3、<strong>OSR</strong>（Out-Sync Relipcas）不能和 leader 保持同步的 follower 集合</p><p>4、<strong>公式：AR = ISR + OSR</strong></p><blockquote style="margin-top: 5px; margin-bottom: 5px; padding-left: 1em; margin-left: 0px; border-left: 3px solid rgb(238, 238, 238); opacity: 0.6;"><p>所以，看明白了吗？</p><p>Kafka对外依然可以声称是完全同步，但是承诺是对AR中的所有replica完全同步了吗？</p><p>并没有。<strong>Kafka只保证对ISR集合中的所有副本保证完全同步。</strong></p><p>至于，ISR到底有多少个follower，那不知道，别问，问就是完全同步，你再问就多了。</p><p>这就好比网购买一送一，结果邮来了一大一小两个产品。</p><p>你可能觉得有问题，其实是没问题的，商家说送的那个是一模一样的了吗？并没有。</p><p>ISR就是这个道理，Kafka是一定会保证leader接收到的消息完全同步给ISR中的所有副本。</p><p>而最坏的情况下，ISR中只剩leader自己。</p></blockquote><p>基于此，上述完全同步会出现的问题就不是问题了。</p><p>因为ISR的机制就保证了，处于ISR内部的follower都是可以和leader进行同步的，一旦出现故障或延迟，就会被踢出ISR。</p><p><strong>ISR 的核心就是：动态调整</strong></p><p><strong>总结：Kafka采用的就是一种完全同步的方案，而ISR是基于完全同步的一种优化机制。</strong></p><h4 id="h5">follower的作用</h4><p>读写都是由leader处理，follower只是作备份功能，不对外提供服务。</p><h4 id="h6">什么情况ISR中的replica会被踢出ISR？</h4><p>以前有2个配置</p><div><div class="code-toolbar"><div class="hljs-cto"><div class="operation_box"><button data-clipboard-target="#code_id_0" class="copy_btn disable">登录后复制</button> <a title="登录后一键下载全文代码" class="downloadCode" one-link-mark="yes"><i class="iconblog blogimport  "></i></a> </div><pre class="language-php prettyprint" tabindex="0"><code class="language-php has-numbering" id="code_id_0"><span class="token comment"># 默认10000 即 10秒</span>

 


replica<span class="token operator">.</span>lag<span class="token operator">.</span>time<span class="token operator">.</span>max<span class="token operator">.</span>ms

 


 

 


<span class="token comment"># 允许 follower 副本落后 leader 副本的消息数量，超过这个数量后，follower 会被踢出 ISR</span>

 


replica<span class="token operator">.</span>lag<span class="token operator">.</span>max<span class="token operator">.</span>messages</code><ul class="pre-numbering" style=""><li>1.</li><li>2.</li><li>3.</li><li>4.</li><li>5.</li><li>6.</li><li>7.</li><li>8.</li><li>9.</li><li>10.</li><li>11.</li><li>12.</li><li>13.</li><li>14.</li><li>15.</li><li>16.</li><li>17.</li><li>18.</li><li>19.</li><li>20.</li><li>21.</li></ul></pre></div><div class="toolbar"></div></div></div><p>说白了就是一个衡量leader和follower之间差距的标准。</p><p>一个是基于时间间隔，一个是基于消息条数。</p><p>0.9.0.0版本之后，移除了replica.lag.max.messages 配置。</p><p>为什么？</p><p>因为producer是可以批量发送消息的，很容易超过replica.lag.max.messages，那么被踢出ISR的follower就是受了无妄之灾。</p><p>他们都是没问题的，既没有出故障也没高延迟，凭什么被踢？</p><p>replica.lag.max.messages调大呢？调多大？太大了是否会有漏网之鱼，造成数据丢失风险？</p><p>这就是replica.lag.max.messages的设计缺陷。</p><h4 id="h7">replica.lag.time.max.ms的误区</h4><p>【只要在 replica.lag.time.max.ms 时间内 follower 有同步消息，即认为该 follower 处于 ISR 中】</p><p>你去网上看博客，很多博客表达的就是这个意思，不过笔者认为这么描述很容易误导初学者。</p><p>那我是不是可以理解为，follower有个定时任务，只要在replica.lag.time.max.ms时间内去leader那pull数据就行了。</p><p>其实不是的。千万不要这么认为，因为这里还涉及一个<strong>速率问题</strong>（你理解为<strong>蓄水池一个放水一个注水的问题</strong>）。</p><p>如果leader副本的消息流入速度大于follower副本的拉取速度时，你follower就是实时同步有什么用？</p><p>典型的<strong>出工不出力</strong>，消息只会越差越多，这种follower肯定是要被踢出ISR的。</p><blockquote style="margin-top: 5px; margin-bottom: 5px; padding-left: 1em; margin-left: 0px; border-left: 3px solid rgb(238, 238, 238); opacity: 0.6;"><p>当follower副本将leader副本的LEO之前的日志全部同步时，则认为该follower副本已经追赶上leader副本。</p><p>此时更新该副本的lastCaughtUpTimeMs标识。</p><p>Kafka的副本管理器（ReplicaManager）启动时会启动一个副本过期检测的定时任务，</p><p>会定时检查<strong>当前时间与副本的lastCaughtUpTimeMs差值</strong>是否大于参数replica.lag.time.max.ms指定的值。</p><p>所以replica.lag.time.max.ms的正确理解是：</p><p><strong>follower在过去的replica.lag.time.max.ms时间内，已经追赶上leader一次了。</strong></p></blockquote><h4 id="h8">follower到底出了什么问题？</h4><p>两个方面，一个是Kafka自身的问题，另一个是外部原因</p><blockquote style="margin-top: 5px; margin-bottom: 5px; padding-left: 1em; margin-left: 0px; border-left: 3px solid rgb(238, 238, 238); opacity: 0.6;"><p>Kafka源码注释中说明了一般有两种情况会导致副本失效：</p><p>1、follower副本进程卡住，在一段时间内根本没有想leader副本发起同步请求，比如频繁的Full GC。</p><p>2、follower副本进程同步过慢，在一段时间内都无法追赶上leader副本，比如IO开销过大。</p><p>1、通过工具增加了副本因子，那么新增加的副本在赶上leader副本之前也都是处于失效状态的。</p><p>2、如果一个follower副本由于某些原因（比如宕机）而下线，之后又上线，在追赶上leader副本之前也是出于失效状态。</p></blockquote><h4 id="h9">什么情况OSR中的replica会重新加入ISR？</h4><p>基于上述，replica重新追上了leader，就会回到ISR中。</p><h2 id="h10">相关的重要概念</h2><p>需要先明确几个概念：</p><p>1、LEO（last end offset）：</p><p><strong>当前replica存的最大的offset的下一个值</strong></p><p>2、HW（high watermark）：</p><p><strong>小于 HW 值</strong>的offset所对应的消息被认为是“已提交”或“已备份”的消息，才对消费者可见。</p><blockquote style="margin-top: 5px; margin-bottom: 5px; padding-left: 1em; margin-left: 0px; border-left: 3px solid rgb(238, 238, 238); opacity: 0.6;"><p>假设ISR中目前有1个leader，3个follower。</p><p>1、leader接收一个消息，自己保存后，马上发送3个请求通知3个follower赶紧保存</p><p>2、等待3个follower响应保存成功</p><p>3、响应producer，消息提交成功</p><p>你是这么想的么？反正当时我是这么想的。</p><p>实际上不是的，这个同步是follower主动去请求leader进行同步的。</p><p>因为是每个follower情况不一样，所以才会出现LEO和HW的概念。</p><p>简言之，<strong>木桶原理</strong></p><p>replica里存了多少数据和consumer能消费多少数据，不是一回事。</p><p>所谓木桶原理，就是把每个replica当作一个木桶的板子，桶能装多少水只取决于最短的那块板子。</p><p>这就是也有些人把HW叫成 高水位 的原因。</p><p>而 HW 的概念，也契合前文提到的【完全同步】，HW之前的所有消息，在ISR中是完全同步的。</p></blockquote><h2 id="h11">写在最后的话</h2><p>【推荐大家在看Kafka相关博客文章视频的时候，遇到任何问题不要纠结，赶紧翻书，Kafka相关的博客真的一言难尽】</p><p>就这块的知识点，大家请注意，你去看博客或者公众号或者培训机构的视频，介绍的五花八门， 含糊不清。</p><p>咱也不知道都是在哪学的.....笔者在Kafka官方文档中搜索关键字，并未搜索到，也可能是我的搜索方式不对，</p><p>总之那些又画线，又上色的，图整了不少，整的花里胡哨的，都TM不一样。</p><p>还俗称“高水位”，俩破单词不够你得瑟的了，你是不是觉得你讲的生动形象？？？</p><p>前提是知识点要准确啊，瞎JB比喻！</p><p>如果你把consumer可见消息比喻成水，HW比喻“水位”，</p><p>那么HW就是consumer可见的那个最大的offset，因为水位就是水面，水面也是水。</p><p>而如果不是，那我宁愿把HW比喻成船。紧贴水面的就是船，船永远在水面之上，水涨而船高。</p><p>很多图，都把replica化成了数组的模样，offset好似数组的index，</p><p>如果是这样，我宁愿把LEO比喻成 C语言字符串中的 "\0"，就是标识位。</p><p>笔者猜测，LEO应该除了记录offset，还记录了一个像segment的index文件里的position一样。</p><p>指向最后一个消息有啥用，还不是要算一次偏移量，才能记录新消息。如果这个物理地址记录的是最后一个消息的后面的位置，那么新消息进来就能直接定位，直接写文件了。</p><p>【HW就是ISR中最小的LEO】有人也这么说的。有说HW &lt;= LEO的，有说HW &lt; LEO。爷吐了.....</p><p>随便截2篇博客，大家先尝尝。</p><p style="text-align:center;"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/06084105_6598a1a1e654898009.png" alt="[转帖]Kafka之ISR机制的理解_搜索" style="width: 646px; visibility: visible;"></p><p style="text-align:center;"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/06084106_6598a1a2296c152571.png" alt="[转帖]Kafka之ISR机制的理解_zookeeper_02" style="width: 719px; visibility: visible;"></p><p style="text-align:center;"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/06084106_6598a1a299ed736026.png" alt="[转帖]Kafka之ISR机制的理解_数据_03" style="width: 549px; visibility: visible;"></p><p>我写的只是一个能说服我自己的概念知识点，对错我保证不了。</p><p>希望精通源码的大佬看到能在评论区解惑，不胜感激。</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; -------&nbsp; &nbsp;路漫漫其修远兮，我求索NMLB。</p><p>        <br></p><p>    </p></div></div>
            </div>
        
        <div id="asideoffset"></div>
        <div class="clearfix label-list">

            <!--            <span>本文包含：</span>-->
            <!--          -->
            <!--            <a href="" target="_blank"></a>-->

        </div>
            </div>
    <div class="action-box">
        <ul>
                        <li>
                <strong class="is-praise  " type="1" blog_id="9269963" userid="11519070">
                    <a href="javascript:;" one-link-mark="yes"><i></i></a>
                    <span><b class="praise-num"></b>赞</span>
                </strong>
            </li>
            <li>
                <strong class="favorites-opt">
                    <a href="javascript:;" one-link-mark="yes"><i></i></a>
                    <span><b class="favorites-num"></b>收藏</span>
                </strong>
            </li>
            <li>
                <strong class="Topraise">
                    <a href="javascript:;" one-link-mark="yes"><i class="iconblog blogpinglun"></i></a>
                    <span><b class="comments_num"></b>评论</span>
                </strong>
            </li>
            <li class="share">
                <strong class="">
                    <a href="javascript:;" one-link-mark="yes"><i class="iconblog blogfen"></i></a>
                    <span>分享</span>
                </strong>
            <div class="bdsharebuttonbox"><div class="ins"><a class="bds_tsina" data-cmd="tsina" rel="nofollow"><i class="iconblog blogfenxiangweibo"></i>微博</a><a class="bds_sqq" data-cmd="sqq" rel="nofollow"><i class="iconblog blogfenxiangqq"></i>QQ</a><a class="bds_weixin" data-cmd="weixin" rel="nofollow"><i class="iconblog blogfenxiangweixin"></i>微信</a><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/qr-url"></div></div></li>
                            <li>
                    <strong class="article-report">
                        <a href="javascript:;" one-link-mark="yes"><i class="iconblog blogjubaobeifen report-icon" style="font-size: 23px"></i></a>
                        <span>举报</span>
                    </strong>
                </li>
                    </ul>
    </div>
    <div class="clearfix lists">
                    <p class="fl"><span>上一篇：</span><a href="https://blog.51cto.com/u_11529070/9269960" one-link-mark="yes">[转帖]Kafka-LEO和HW概念及更新流程</a></p>
                            <p class="fr"><span>下一篇：</span><a href="https://blog.51cto.com/u_11529070/9269977" one-link-mark="yes">[转帖]Kafka需要知道的一些基础知识点</a></p>
            </div>
    <div class="text-aticle">

    </div>
</div>
    

<div class="common-section common-spacing mb30 comment-box" id="comment">
    <div class="comment-textarea clearfix">
        <div class="avatar">
            <a href="https://blog.51cto.com/" class="header-img" target="_blank" one-link-mark="yes">
                <img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/noavatar_middle(1).gif">
            </a>
        </div>
        <div class="textarea-box">
            <div class="textarea-show clearfix">
                <span>提问和评论都可以，用心的回复会被更多人看到</span>
                <strong>评论</strong>
            </div>
            <div class="textarea-hide">
                <div class="top">
                    <textarea class="textareadiv textareadiv-publish" name="" id="textareadiv-publish" placeholder="提问和评论都可以，用心的回复会被更多人看到和认可" maxlength="500"></textarea>
                </div>
                <div class="bot clearfix">
                    <strong class="fr publish-btn" flag="1" id="publish-btn">发布评论</strong>
                </div>
            </div>
        </div>
    </div>
    <div class="comment-num" style="display:none;">
        <strong>全部评论</strong>
        <span>(<b id="CommentNum"></b>)</span>
        <span class="fr sort" type="up_num" order="0"><i class="iconblog blogzuire"></i>最热</span>
        <span class="fr sort on" type="create_time" order="0"><i class="iconblog blogzuixinblogzuixin"></i>最新</span>
    </div>
    <div class="comment-List-box"></div>
</div>
    
    <section class="common-section common-spacing mb30">
        <div class="clearfix common-sub-title">
            <strong>相关文章</strong>
        </div>
        <ul class="recommend-about">
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_15696371/9737224" data-report-query="xiangguantuijian&amp;01" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">workqueue | 深入理解linux中工作队列机制</div>
                            <p> workqueue是内核里面很重要的一个机制，特别是内核驱动，一般的小型任务(work)都不会自己起一个线程来处理，而是扔到workqueu中处理。workqueue的主要工作就是用进程上下文来处理内核中大量的小任务。所以workqueue的主要设计思想：一个是并行，多个work不要相互阻塞；另外一个是节省资源，多个work尽量共享资源(进程、调度、内存)，不要造成系统过多的资源浪费。为了实现的设</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         内核线程                                    </span>
                                                                    <span class="tag-item">
                                         优先级                                    </span>
                                                                    <span class="tag-item">
                                         数据结构                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/xfishup/10910294" data-report-query="xiangguantuijian&amp;02" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">面试加分项：深入理解缓存机制与性能优化</div>
                            <p> 1. 缓存和性能：为什么缓存至关重要在软件架构中，缓存是一种通过存储临时数据副本而减少对下游系统访问的技术。无论是在数据库、计算任务还是网络请求方面，缓存的使用几乎普遍存在。缓存的关键优势在于它能显著降低数据检索时间，提高数据处理速度，从而增强整体系统的性能。1.1 为何缓存至关重要：降低延迟：缓存可以将经常访问的数据存储在内存中，当数据请求到来时，程序可以从内存中迅速检索数据，避免了磁盘</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         Java                                    </span>
                                                                    <span class="tag-item">
                                         缓存                                    </span>
                                                                    <span class="tag-item">
                                         LRU                                    </span>
                                                                    <span class="tag-item">
                                         LFU                                    </span>
                                                                    <span class="tag-item">
                                         FIFO                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_16788519/10986905" data-report-query="xiangguantuijian&amp;03" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">JDK8之List转Map实现方法及解析</div>
                            <p> 文章介绍了在JDK8中将List转换为Map的几种方法，并分析了每种方法的优缺点。第一种方法使用Collectors.toMap，存在键值重复问题。第二种方法添加了合并函数来处理重复键值，但在值为null时会抛出异常。第三种方法使用自定义累加器来避免上述问题。文章还进行了速度测试，发现直接使用forEach性能最佳，但需要手动维护实现细节，而自定义累加器的性能稍逊于forEach，但可避免空指针和键重复问题</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         JDK8                                    </span>
                                                                    <span class="tag-item">
                                         List转MAP                                    </span>
                                                                    <span class="tag-item">
                                         Lambda                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_11529070/9269947" data-report-query="xiangguantuijian&amp;04" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">[转帖]Kafka之ack机制</div>
                            <p> 前言 之前的博客里说了，Kafka的消息同步是一种ISR机制，本质上是“完全同步”的一种优化。 都在说，消息被ISR中所有副</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         服务端                                    </span>
                                                                    <span class="tag-item">
                                         服务器                                    </span>
                                                                    <span class="tag-item">
                                         应用场景                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_15856116/7882941" data-report-query="xiangguantuijian&amp;05" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">Kafka中的 ISR 机制</div>
                            <p> ISR 机制的存在是 kafka 为了平衡可靠性和可用性，不指定提供高可靠或者高可用的服务，而是将决定权交给了使用者，让使用者通过参数来控制，到底要实现什么程度的高可靠与高可用。</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         kafka                                    </span>
                                                                    <span class="tag-item">
                                         ISR                                    </span>
                                                                    <span class="tag-item">
                                         副本集                                    </span>
                                                                    <span class="tag-item">
                                         高可用                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/c959c/5332011" data-report-query="xiangguantuijian&amp;06" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">Kafka的ISR收缩机制</div>
                            <p> ISR什么时候收缩ISR什么时候扩展ISR的传播机制Broker宕机之后怎么ISR的收缩？Kafka在启动的时候,会启动一个副本管理器ReplicaManager,这个副本管理器会启动几个定时任务。</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         kafka                                    </span>
                                                                    <span class="tag-item">
                                         zookeeper                                    </span>
                                                                    <span class="tag-item">
                                         分布式                                    </span>
                                                                    <span class="tag-item">
                                         数据                                    </span>
                                                                    <span class="tag-item">
                                         子节点                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_15127701/2872681" data-report-query="xiangguantuijian&amp;07" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">Kafka ISR 副本同步机制</div>
                            <p> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;				ISR（in-sync replica） 就是 Kafka 为某个分区维护的一组同步集合，即每个分区都有自己的一个 ISR 集合，处于 ISR 集合中的副本，意味着 follower 副本与 leader 副本保持同步状态，只有处于 ISR 集合中的副本才有资格被选举为 leader。一条 Kafka 消息，只有被 ISR 中的副本都接收到，才被视</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         Java                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_14014612/5751276" data-report-query="xiangguantuijian&amp;08" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">Kafka——一致性重要机制之ISR(kafka replica)</div>
                            <p> 一、kafkareplica1、当某个topic的replicationfactor为N且N大于1时，每个Partition都会有N个副本(Replica)。kafka的replica包含leader与follower。2、Replica的个数小于等于Broker的个数，也就是说，对于每个Partition而言，每个Broker上最多只会有一个Replica，因此可以使用Brokerid指定Par</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         数据                                    </span>
                                                                    <span class="tag-item">
                                         kafka                                    </span>
                                                                    <span class="tag-item">
                                         java                                    </span>
                                                                    <span class="tag-item">
                                         消息队列                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_15259710/2901164" data-report-query="xiangguantuijian&amp;09" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">Kafka HA Kafka一致性重要机制之ISR</div>
                            <p> Kafka HA Kafka一致性重要机制之ISR</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         kafka                                    </span>
                                                                    <span class="tag-item">
                                         大数据技术                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_16099246/9641314" data-report-query="xiangguantuijian&amp;10" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">kafka ISR机制 kafka中的isr</div>
                            <p> 大家好，这是一个为了梦想而保持学习的博客。这个专题会记录我对于 KAFKA 的学习和实战经验，希望对大家有所帮助，目录形式依旧为问答的方式，相当于是模拟面试。【概述】上一章我们讲了 Replica 存在的意义是为了解决数据高可靠和服务高可用问题，kafka 中跟 Replica 跟 ISR 的关系是绕不开的，所以这一章就讲一下 ISR 是什么。【ISR 是什么】首先，ISR 的全称叫做：&amp;nbsp</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         kafka ISR机制                                    </span>
                                                                    <span class="tag-item">
                                         副本集                                    </span>
                                                                    <span class="tag-item">
                                         kafka                                    </span>
                                                                    <span class="tag-item">
                                         高可用                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_16213600/10894138" data-report-query="xiangguantuijian&amp;11" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">kafka的isr机制 kafka的isr和ar</div>
                            <p> SR and AR简单来说，分区中的所有副本统称为&nbsp;AR&nbsp;(Assigned Replicas)。所有与leader副本保持一定程度同步的副本（包括leader副本在内）组成&nbsp;ISR&nbsp;(In Sync Replicas)。 ISR 集合是 AR 集合的一个子集。消息会先发送到leader副本，然后follower副本才能从leader中拉取消息进行同步。同步</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         kafka的isr机制                                    </span>
                                                                    <span class="tag-item">
                                         Kafka                                    </span>
                                                                    <span class="tag-item">
                                         ISR                                    </span>
                                                                    <span class="tag-item">
                                         OSR                                    </span>
                                                                    <span class="tag-item">
                                         leader.election                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_39029/11289413" data-report-query="xiangguantuijian&amp;12" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">kafka计算ISR的prometheus指标 kafka的isr机制</div>
                            <p> 1. kafka内核原理1.1 ISR机制问题：仅依靠多副本机制能保证Kafka的高可用性，但是能保证数据不丢失吗？不行，因为如果leader宕机，但是leader的数据还没同步到follower上去，此时即使选举了follower作为新的leader，当时刚才的数据已经丢失了。ISR是：in-sync replica，就是跟leader partition保持同步的follower partit</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         数据                                    </span>
                                                                    <span class="tag-item">
                                         kafka                                    </span>
                                                                    <span class="tag-item">
                                         默认值                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_16213690/10162352" data-report-query="xiangguantuijian&amp;13" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">kafka 的 ISR 机制 时间 kafka中isr啥意思</div>
                            <p> 名词解释要想说明白kafka的HA机制，我们必须先搞明白几个缩写名词，1、AR、ISR、OSRAR：Assigned Replicas，某分区的所有副本（这里所说的副本包括leader和follower）统称为 AR。ISR：In Sync Replicas，所有与leader副本保持"一定程度同步"的副本（包括leader副本在内）组成 ISR 。生产者发送消息时，只有leader与客户端发生交</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         kafka 的 ISR 机制 时间                                    </span>
                                                                    <span class="tag-item">
                                         kafka                                    </span>
                                                                    <span class="tag-item">
                                         缓存                                    </span>
                                                                    <span class="tag-item">
                                         zookeeper                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_16213663/11190513" data-report-query="xiangguantuijian&amp;14" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">kafka为什么要有isr机制 kafka的isr和ar</div>
                            <p> 在查看topic详细信息的话可以看到有个Isr，一开始不明所以，于是深入去学习了，不看不知道一看吓一跳：首先要引出一个问题，为什么要存在这些东西：在数据同步的时候，如果发生leader死掉，并且重新选举的leader能力不强（数据同步速度慢，数据同步不全面），会造成一群follow跟着一个傻逼leader。造成脏数据。所以我们就要知道哪些副本能力是较强的，同步数据是最快最完整的，在leader发生</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         kafka为什么要有isr机制                                    </span>
                                                                    <span class="tag-item">
                                         数据同步                                    </span>
                                                                    <span class="tag-item">
                                         数据                                    </span>
                                                                    <span class="tag-item">
                                         zookeeper                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_14126/11365293" data-report-query="xiangguantuijian&amp;15" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">kafka isr的选举 kafka选举机制</div>
                            <p> 前言    在分布式系统中，通常会出现两个角色，master 和 slaver。master通常用于管理集群调度资源。而slaver通负责于数据的存储和传输工作。从而平衡集群负载，提高集群整体的稳定性。kafka的集群管理–controller选举    kafka集群中有多个broker，在集群启动时，各个broker会去zookeeper集群中，注册成controller。这个机制跟hadoo</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         kafka isr的选举                                    </span>
                                                                    <span class="tag-item">
                                         kafka                                    </span>
                                                                    <span class="tag-item">
                                         分布式                                    </span>
                                                                    <span class="tag-item">
                                         大数据                                    </span>
                                                                    <span class="tag-item">
                                         数据                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_16213699/10625820" data-report-query="xiangguantuijian&amp;16" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">kafka isr队列 kafka lsr机制</div>
                            <p> 大家好，这是一个为了梦想而保持学习的博客。这个专题会记录我对于 KAFKA 的学习和实战经验，希望对大家有所帮助，目录形式依旧为问答的方式，相当于是模拟面试。【概述】上一节我们知道 ISR 的基本概念，以及为何要设计 ISR 机制；这一节会快速复习一些概念，然后深入到 ISR 的伸缩机制。【基础概念】首先，某分区的所有副本集合叫做 AR。然后其中与 Leader 保持同步的副本（包含 Leader</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         kafka isr队列                                    </span>
                                                                    <span class="tag-item">
                                         数据                                    </span>
                                                                    <span class="tag-item">
                                         kafka                                    </span>
                                                                    <span class="tag-item">
                                         元数据                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_16099228/10487444" data-report-query="xiangguantuijian&amp;17" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">kafka isr离线 kafka的isr</div>
                            <p> 目录【ISR是什么】【ISR的作用是什么】【为什么要设计ISR机制】【ISR是什么】首先，ISR的全称叫做： In-Sync Replicas （同步副本集）,我们可以理解为和leader保持同步的所有副本的集合。一个分区的所有副本集合叫做AR（ Assigned Repllicas ）与leader-replica未能保持同步的副本集叫做OSR（ Out-Sync Relipcas ）因此我们就</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         kafka isr离线                                    </span>
                                                                    <span class="tag-item">
                                         数据库                                    </span>
                                                                    <span class="tag-item">
                                         kafka                                    </span>
                                                                    <span class="tag-item">
                                         大数据                                    </span>
                                                                    <span class="tag-item">
                                         副本集                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_16213563/11292020" data-report-query="xiangguantuijian&amp;18" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">Kafka副本的ISR kafka isr osr</div>
                            <p> 本文结合在使用Kafka中的使用，和遇到的问题1.Kafka中如何保障发送消息的可靠性？首先我们在创建一个Producer是，可以设置的一些参数如下：1（默认）：这意味着producer在ISR中的leader已成功收到的数据并得到确认后发送下一条message。如果leader宕机了，则会丢失数据。0：这意味着producer无需等待来自broker的确认而继续发送下一批消息。这种情况下数据传输</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         Kafka副本的ISR                                    </span>
                                                                    <span class="tag-item">
                                         数据                                    </span>
                                                                    <span class="tag-item">
                                         新版本                                    </span>
                                                                    <span class="tag-item">
                                         数据丢失                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_16099306/10329053" data-report-query="xiangguantuijian&amp;19" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">kafka ISR列表条件 kafka的isr</div>
                            <p> 1. 问题Data Replication Kafka 的 Data Replication 需要解决如下问题：怎样 Propagate 消息在向 Producer 发送 ACK 前需要保证有多少个 Replica 已经收到该消息怎样处理某个 Replica 不工作的情况怎样处理 Failed Replica 恢复回来的情况2. Propagate 消息通过zookeeper先知道leader在哪</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         kafka ISR列表条件                                    </span>
                                                                    <span class="tag-item">
                                         数据                                    </span>
                                                                    <span class="tag-item">
                                         Data                                    </span>
                                                                    <span class="tag-item">
                                         kafka                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_16213605/11261600" data-report-query="xiangguantuijian&amp;20" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">kafka ISR判断机制 kafkalistener原理</div>
                            <p> 目录总结篇1.官方介绍2.特点3.Kafka的设计4.Kayka的应用场景5.总结  &nbsp;正文系列目录kafka原理和实践（一）原理：10分钟入门kafka原理和实践（二）spring-kafka简单实践kafka原理和实践（三）spring-kafka生产者源码kafka原理和实践（四）spring-kafka消费者源码kafka原理和实践（五）spring-kafka配置详解kafka</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         kafka ISR判断机制                                    </span>
                                                                    <span class="tag-item">
                                         kafka                                    </span>
                                                                    <span class="tag-item">
                                         数据                                    </span>
                                                                    <span class="tag-item">
                                         spring                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_16213566/11539023" data-report-query="xiangguantuijian&amp;21" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">工作流程引擎 责任链模式实现Java</div>
                            <p> 1. 什么是工作流？什么是工作流引擎？工作流（Workflow），指“业务过程的部分或整体在计算机应用环境下的自动化”。是对工作流程及其各操作步骤之间业务规则的抽象、概括描述。在计算机中，工作流属于计算机支持的协同工作（CSCW）的一部分。后者是普遍地研究一个群体如何在计算机的帮助下实现协同工作的。工作流主要解决的主要问题是：为了实现某个业务目标，利用计算机在多个参与者之间按某种预定规则自动传递文</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         工作流程引擎 责任链模式实现Java                                    </span>
                                                                    <span class="tag-item">
                                         后端                                    </span>
                                                                    <span class="tag-item">
                                         工作流引擎                                    </span>
                                                                    <span class="tag-item">
                                         流程引擎                                    </span>
                                                                    <span class="tag-item">
                                         数据                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_14444/11543689" data-report-query="xiangguantuijian&amp;22" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">xshell远程连接redis数据库 xshell 远程连接</div>
                            <p>     
 阅读目录： 
  1. 简介 
   
  2. 下载并安装XShell 5版本 
   
  3. XShell 5的使用 
   
  4.说明以及注意事项   
 1. 简介&nbsp;&nbsp;&nbsp;&nbsp;Xshell是一个强大的安全终端模拟软件，它支持SSH1, SSH2, 以及Microsoft Windows 平台的TELNET 协议。Xshell 通过互联</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         xshell远程连接redis数据库                                    </span>
                                                                    <span class="tag-item">
                                         操作系统                                    </span>
                                                                    <span class="tag-item">
                                         开发工具                                    </span>
                                                                    <span class="tag-item">
                                         python                                    </span>
                                                                    <span class="tag-item">
                                         Windows                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_16099166/11544479" data-report-query="xiangguantuijian&amp;23" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">java列表非空校验注解 java集合非空判断</div>
                            <p> 集合框架（对象数组类的概述和引用）package com.hema.Collection;

public class Demo1 {

	public static void main(String[] args) {
		// TODO Auto-generated method stub
		// int[] arr = new int[5];   //创建基本数据类型数组
		String</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         java列表非空校验注解                                    </span>
                                                                    <span class="tag-item">
                                         Java                                    </span>
                                                                    <span class="tag-item">
                                         迭代器                                    </span>
                                                                    <span class="tag-item">
                                         java                                    </span>
                                                                    <span class="tag-item">
                                         System                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_16213609/11546662" data-report-query="xiangguantuijian&amp;24" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">mysql 配置 net_buffer_length mysql 配置查询</div>
                            <p> 一.在mysql中，慢查询日志对于管理员有重要作用能帮助dba快速定位捕获查询较慢或sql中没有使用索引的语句，便于对程序sql语句进行优化，排查问题等。1.慢查询日志相关重要参数:slow_query_log ##是否开启慢查询日志slow_query_log_file ##慢查询日志文件名及路径long_query_time ###指定慢查询时间阈(yu)值，sql执行时间大于该阈值（不包括该</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         数据库                                    </span>
                                                                    <span class="tag-item">
                                         慢查询                                    </span>
                                                                    <span class="tag-item">
                                         mysql                                    </span>
                                                                    <span class="tag-item">
                                         sql                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                            <li>
                    <div class="about-aticle-list">
                        <a href="https://blog.51cto.com/u_14850/11546979" data-report-query="" target="_blank" class="title" one-link-mark="yes">
                            <div class="tit">开端 ios 开端剧情介绍</div>
                            <p> 第一部分&nbsp;核心动画开篇免责申明（必读！）：本博客提供的所有教程的翻译原稿均来自于互联网，仅供学习交流之用，切勿进行商业传播。同时，转载时不要移除本申明。如产生任何纠纷，均与本博客所有人、发表该翻译稿之人无任何关系。谢谢合作！著作权声明：本文由翻译，欢迎转载分享。请尊重作者劳动，转载时保留该声明和作者博客链接，第一章&nbsp;什么是核心动画核心动画是你能够为不同类型的应用程序开发复杂的动</p>
                        </a>
                        <!-- 标签页 -->
                                                    <div class="tag-box">
                                                                    <span class="tag-item">
                                         开端 ios                                    </span>
                                                                    <span class="tag-item">
                                         osx                                    </span>
                                                                    <span class="tag-item">
                                         iphone                                    </span>
                                                                    <span class="tag-item">
                                         xcode                                    </span>
                                                                    <span class="tag-item">
                                         quartz                                    </span>
                                                            </div>
                                                                    </div>

                </li>
                    </ul>
    </section>

</article>
        
<aside class="detail-content-right">
    <!--右上角统计-->
    <section class="common-section common-spacing mb24 user-intr" style="visibility: hidden;">
        <div class="user-content">
            <div class="top">
                <div class="avatar">
                    <div class="avatar-img">
                        <a href="https://blog.51cto.com/u_11529070" target="_blank" rel="nofollow" one-link-mark="yes">
                            <img class="is-vip-img is-vip-img-4" data-uid="11519070" src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/noavatar_middle.gif">
                        </a>
                    </div>
                </div>
                <div class="clearfix username">
                    <a href="https://blog.51cto.com/u_11529070" target="_blank" one-link-mark="yes"><span class="blog-user" title="jinanxiaolaohu6" style="max-width: 272px;">jinanxiaolaohu6</span></a>
                    <div class="icon">
                        <ul class="clearfix detail-list"></ul>
                    </div>
                </div>
            </div>
            <div class="identify-list"></div>
            <div class="bottom" id="userStat"><div class="num-name num-top">
                <ul class="first-num">
                    <li>
                        <div class="num"><a href="https://blog.51cto.com/u_11529070/original" target="_blank" rel="nofollow" one-link-mark="yes">1626</a></div>
                        <div class="label-name"><a href="https://blog.51cto.com/u_11529070/original" target="_blank" rel="nofollow" one-link-mark="yes">原创</a></div>
                    </li>
                    <li>
                        <div class="num">338.3<span>万</span></div>
                        <div class="label-name">人气</div>
                    </li>
                    <li>
                        <div class="num"><a href="https://blog.51cto.com/u_11529070/followers" target="_blank" rel="nofollow" one-link-mark="yes">27<span></span></a></div>
                        <div class="label-name"><a href="https://blog.51cto.com/u_11529070/followers" target="_blank" rel="nofollow" one-link-mark="yes">粉丝</a></div>
                    </li>
                    <li>
                        <div class="num">13<span></span></div>
                        <div class="label-name">评论</div>
                    </li>
                </ul>
            </div>
            <div class="lines"></div>
            <div class="num-name num-bottom">
                <ul>
                    <li>
                        <div class="num"><a href="https://blog.51cto.com/u_11529070/translate" target="_blank" rel="nofollow" one-link-mark="yes">1</a></div>
                        <div class="label-name"><a href="https://blog.51cto.com/u_11529070/translate" target="_blank" rel="nofollow" one-link-mark="yes">翻译</a></div>
                    </li>
                    <li>
                        <div class="num"><a href="https://blog.51cto.com/u_11529070/reproduce" target="_blank" rel="nofollow" one-link-mark="yes">2532</a></div>
                        <div class="label-name"><a href="https://blog.51cto.com/u_11529070/reproduce" target="_blank" rel="nofollow" one-link-mark="yes">转载</a></div>
                    </li>
                    <li>
                        <div class="num"><a href="https://blog.51cto.com/u_11529070/following" target="_blank" rel="nofollow" one-link-mark="yes">2</a></div>
                        <div class="label-name"><a href="https://blog.51cto.com/u_11529070/following" target="_blank" rel="nofollow" one-link-mark="yes">关注</a></div>
                    </li>
                    <li>
                        <div class="num">47</div>
                        <div class="label-name">收藏</div>
                    </li>
                    <div class="clear"></div>
                </ul>
            </div></div>
            <div id="medalListBox" class="medal-list"><div title="知名人士" class="medalItem item"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/15ab11299b3053d6c281582e1acf449c18b312.png"></div><div title="自成一派" class="medalItem item"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/81ba9de79b69d05f4333211abd2d0d4a008a05.png"></div><div title="一眼万年" class="medalItem item"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/195f76d50ffb2cd8b16664147e48ea8edd9fd6.png"></div><div title="锋芒毕露" class="medalItem item"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/f6f53e943b8feeab330770a0ec42efed855946.png"></div><div title="崭露头角" class="medalItem item"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/31b28da6607cbc93cd900122f89b19420ac8c5.png"></div><div title="一代宗师" class="medalItem item"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/61ba4e730b80264ca0076678a0dbd3e16f64bb.png"></div><div title="炉火纯青" class="medalItem item"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/c1c0bc692d7397c63280391ec9fc97b029aa51.png"></div><div title="博闻强识" class="medalItem item"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/a8ef82362559226c848000f191ce5a08f03207.png"></div><div title="持之以恒" class="medalItem item"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/b67592a476d24a33731174926f050c7209f5df.png"></div><div title="挑战自我" class="medalItem item"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/03ea5c8040c00c2cbaf04751aae5540380427a.png"></div></div>
            <div class="operating clearfix ">
                                                            <a id="checkFollow2_11519070" class="follow-1 checkFollow on" rel="nofollow" one-link-mark="yes">关注</a>
                                                    <button class="sx" data="https://home.51cto.com/space?uid=11519070" id="ToSx"><a href="javascript:;" rel="nofollow" one-link-mark="yes"><i class="iconblog blogsixin"></i>私信</a></button>
            </div>
        </div>
    </section>
    
    <!-- 分类列表 -->
            <section class="common-section common-spacing mb24" style="visibility: hidden;">
            <div class="clearfix common-sub-title">
                <strong title="分类列表">分类列表</strong>
                                    <a href="https://blog.51cto.com/u_11529070/classify" target="_blank" class="fr more" one-link-mark="yes">更多</a>
                            </div>
            <ul class="common-list" id="classification-list">
                                    <li>
                        <a href="https://blog.51cto.com/u_11529070/category1.html" target="_blank" title="#  Docker" one-link-mark="yes"><span># Docker</span><span>30篇</span></a>
                    </li>
                                    <li>
                        <a href="https://blog.51cto.com/u_11529070/category2.html" target="_blank" title="#  ESXi" one-link-mark="yes"><span># ESXi</span><span>13篇</span></a>
                    </li>
                                    <li>
                        <a href="https://blog.51cto.com/u_11529070/category3.html" target="_blank" title="#  Java" one-link-mark="yes"><span># Java</span><span>16篇</span></a>
                    </li>
                                    <li>
                        <a href="https://blog.51cto.com/u_11529070/category4.html" target="_blank" title="#  Jfrog培训" one-link-mark="yes"><span># Jfrog培训</span><span>1篇</span></a>
                    </li>
                                    <li>
                        <a href="https://blog.51cto.com/u_11529070/category5.html" target="_blank" title="#  k8s" one-link-mark="yes"><span># k8s</span><span>29篇</span></a>
                    </li>
                            </ul>
        </section>
        <!-- 近期文章 -->
            <section class="common-section common-spacing mb24" style="visibility: hidden;">
            <div class="clearfix common-sub-title">
                <strong title="近期文章">近期文章</strong>
            </div>
            <ul class="common-list" id="updatelist">
                                    <li>
                        <a href="https://blog.51cto.com/u_15454015/11553506" target="_blank" title="「7.23更新日志」JVS·智能BI、逻辑引擎（服务编排）功能更新说明" one-link-mark="yes">1.「7.23更新日志」JVS·智能BI、逻辑引擎（服务编排）功能更新说明</a>
                    </li>
                                    <li>
                        <a href="https://blog.51cto.com/u_16835721/11553796" target="_blank" title="数据采集（DAQ）与控制 &gt;PCI采集卡：PCI8193；16路 16位 180KS/s模拟量输入，4路模拟量输出，DI/DO各8路。" one-link-mark="yes">2.数据采集（DAQ）与控制 &gt;PCI采集卡：PCI8193；16路 16位 180KS/s模拟量输入，4路模拟量输出，DI/DO各8路。</a>
                    </li>
                                    <li>
                        <a href="https://blog.51cto.com/u_16067543/11554315" target="_blank" title="400多辆萝卜快跑无人驾驶出租车将武汉送上热搜" one-link-mark="yes">3.400多辆萝卜快跑无人驾驶出租车将武汉送上热搜</a>
                    </li>
                                    <li>
                        <a href="https://blog.51cto.com/u_16776008/11553921" target="_blank" title="什么是角位移传感器" one-link-mark="yes">4.什么是角位移传感器</a>
                    </li>
                                    <li>
                        <a href="https://blog.51cto.com/BADAOLIUMANGQZ/11553732" target="_blank" title="Java开发手册中-要求日志输出时字符串变量之间的拼接使用占位符与使用字符串拼接性能对比" one-link-mark="yes">5.Java开发手册中-要求日志输出时字符串变量之间的拼接使用占位符与使用字符串拼接性能对比</a>
                    </li>
                            </ul>
        </section>
        <section class="common-fix fix-table">
        <!-- 新人活动 -->
        <a href="https://blog.51cto.com/activity-first-publish#xiang" target="_blank" class="ac-box mb24" one-link-mark="yes">
            <img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/DetailsBride.gif" alt="新人福利" lazy="loaded">
        </a>

        <!-- 文章目录 -->
                    <div class="common-section common-spacing table-contents common-content-directory">
                <div class="clearfix common-sub-title">
                    <strong title="文章目录">文章目录</strong>
                </div>
                <div class="directory" id="directory-parent1">
                    <ul class="directory-list" id="directory-right">
                                                                                    <li class="lv1">
                                    <div class="title">
                                        <span data-id="#h0">
                                                                                        Kafka对于producer发来的消息怎么保证可靠性？                                        </span>
                                    </div>
                                </li>
                                                                                                                <li class="lv4">
                                    <div class="title">
                                        <span data-id="#h1">
                                                                                        副本数据同步策略                                        </span>
                                    </div>
                                </li>
                                                                                                                <li class="lv4">
                                    <div class="title">
                                        <span data-id="#h2">
                                                                                        完全同步的优点                                        </span>
                                    </div>
                                </li>
                                                                                                                <li class="lv4">
                                    <div class="title">
                                        <span data-id="#h3">
                                                                                        完全同步会有什么问题？                                        </span>
                                    </div>
                                </li>
                                                                                                                <li class="lv1">
                                    <div class="title">
                                        <span data-id="#h4">
                                                                                        什么是ISR？                                        </span>
                                    </div>
                                </li>
                                                                                                                <li class="lv4">
                                    <div class="title">
                                        <span data-id="#h5">
                                                                                        follower的作用                                        </span>
                                    </div>
                                </li>
                                                                                                                <li class="lv4">
                                    <div class="title">
                                        <span data-id="#h6">
                                                                                        什么情况ISR中的replica会被踢出ISR？                                        </span>
                                    </div>
                                </li>
                                                                                                                <li class="lv4 on">
                                    <div class="title">
                                        <span data-id="#h7">
                                                                                        replica.lag.time.max.ms的误区                                        </span>
                                    </div>
                                </li>
                                                                                                                <li class="lv4">
                                    <div class="title">
                                        <span data-id="#h8">
                                                                                        follower到底出了什么问题？                                        </span>
                                    </div>
                                </li>
                                                                                                                <li class="lv4">
                                    <div class="title">
                                        <span data-id="#h9">
                                                                                        什么情况OSR中的replica会重新加入ISR？                                        </span>
                                    </div>
                                </li>
                                                                                                                <li class="lv1">
                                    <div class="title">
                                        <span data-id="#h10">
                                                                                        相关的重要概念                                        </span>
                                    </div>
                                </li>
                                                                                                                <li class="lv1">
                                    <div class="title">
                                        <span data-id="#h11">
                                                                                        写在最后的话                                        </span>
                                    </div>
                                </li>
                                                                        <div class="arrow" style="top: 412.75px;"></div></ul>
                </div>
                <div class="table-contents"></div>
            </div>
            </section>



</aside>
    </div>
    <!--悬浮小菜单-->
        <aside class="minmenu" style="display: block;">
        <ul>
            <li class="signIn" signid="2">
                <button id="signIn">  每日签到</button>
            </li>
            <li class="editArticle" editid="2">
                <!-- <div class="new_bloger ">新人福利</div> -->
                 <button id="editArticle"><i class="iconblog blogxiewz"></i></button>
            </li>
            <li class="feedback">
              <a href="https://blog.51cto.com/feedback?utm_medium=rightsuspension" target="_blank" one-link-mark="yes">意见<br>反馈</a>
            </li>
            <li class="scrollToTop">
              <i class="iconblog bloggengduo1"></i>
            </li>
        </ul>
    </aside>
</div>
<!-- 蒙层 -->
<div class="Mask"></div>

<div class="report-dialog-root">
    <div class="report-dialog-container">
        <p class="report-dialog-title">举报文章</p>
        <div class="report-type-container model-split_top" data-type="0" id="report-specific-type">
            <p class="report-type-tit">请选择举报类型</p>
            <div class="report-type-enmu">
                <span class="report-type-item type-item_first" data-type="1">内容侵权</span>
                <span class="report-type-item type-item_first item-split" data-type="2">涉嫌营销</span>
                <span class="report-type-item type-item_first item-split" data-type="3">内容抄袭</span>
                <span class="report-type-item type-item_first item-split" data-type="4">违法信息</span>
                <span class="report-type-item type-item_first item-split" data-type="5">其他</span>
            </div>
        </div>
        <div class="report-type-container model-split_top report-hide-model" id="report-specific-reasons" data-type="0">
            <p class="report-type-tit">具体原因</p>
            <div class="report-type-enmu">
                <span class="report-type-item type-item_second" data-type="1">包含不真实信息</span>
                <span class="report-type-item type-item_second item-split" data-type="2">涉及个人隐私</span>
            </div>
        </div>
        <div class="report-type-container model-split_top report-hide-model" id="report-original-link">
            <p class="report-type-tit">原文链接（必填）</p>
            <input type="text" placeholder="请输入被侵权的原文链接" class="report-orgin_input">
        </div>
        <div class="report-type-container model-split_top textarea-content">
            <p class="report-type-tit">补充说明</p>
            <textarea maxlength="200" class="report-reason_textarea" placeholder="请详细描述您的举报内容" id="report-more-info"></textarea>
            <p class="report-textarea-tip"><span class="tip-left">0</span><span>/200</span></p>
        </div>
        <div class="report-type-container">
            <p class="report-type-tit">上传截图</p>
            <div class="report-img-container">
                <i class="iconblog blogtianjiabeifen report-add-icon"></i>
                <input type="file" accept="image/jpg,image/jpeg,image/png" name="file" class="repot-btn-select" onchange="selectImg(this)">
            </div>
            <p class="report-img_rule">格式支持JPEG/PNG/JPG，图片不超过1.9M</p>
            <div class="report-img-show">
                <img src="https://blog.51cto.com/u_11529070/9269963" alt="" id="report-img">
                <div class="report-img-close">
                    <i class="iconblog bloga-shanchutupian report-close-icon"></i>
                </div>
            </div>
        </div>
        <div class="report-btn-container">
            <button class="report-btn-cancel">取消</button>
            <button class="report-btn-concert">确认</button>
        </div>
        <div class="report-warm-tip report-hide-model">
            已经收到您得举报信息，我们会尽快审核
        </div>
    </div>
</div>
<div class="imgViewDom disnone" style="display: none;">
    <div class="img-content"></div>
</div>
<!--左边悬浮操作项-->
<aside class="action-aside action-aside-left">
    <div class="inner">
        <ul><li class="directoryBtn"><strong><a href="javascript:;" class="arrowing" one-link-mark="yes"><i class="iconblog bloggengduo"></i></a><span>目录</span></strong></li>
                        <li>
                <strong class="is-praise  " type="1" blog_id="9269963" userid="11519070">
                    <a href="javascript:;" one-link-mark="yes"><i></i></a>
                    <span><b class="praise-num"></b>赞</span>
                </strong>
            </li>
            <li>
                <strong class="favorites-opt">
                    <a href="javascript:;" one-link-mark="yes"><i></i></a>
                    <span><b class="favorites-num"></b>收藏</span>
                </strong>
            </li>
            <li>
                <strong class="Topraise">
                    <a href="javascript:;" one-link-mark="yes"><i class="iconblog blogpinglun"></i></a>
                    <span><b class="comments_num"></b>评论</span>
                </strong>
            </li>
            <li class="share">
                <strong class="">
                    <a href="javascript:;" one-link-mark="yes"><i class="iconblog blogfen"></i></a>
                    <span>分享</span>
                </strong>
            </li>
        </ul>
    </div>
</aside>
    <div class="modal-bg">
         <div class="modal">
            <i class="iconblog blogquxiao18 close-btn"></i>
            <div class="content "></div>
            <div class="tip-box">如有误判或任何疑问，可联系 <a href="javascript:;" class="zhiCustomBtn" one-link-mark="yes">「小助手微信：cto51cto」</a><span class="appeal_text">申诉及反馈</span>。</div>
             <div class="know-box">
                <span class="know-btn">我知道了</span>
             </div>

         </div>
    </div>
<div class="dialog-box">
    <div class="mask"></div>
    <div class="body">
        <div id="close" class="close"></div>
        <div id="medalListBox2"></div>
    </div>
</div>
<div class="dialog-box-small">
    <div class="mask"></div>
    <div class="body">
        <div id="close" class="close"></div>
        <div id="medalBox2" class="medal-list">
        </div>
    </div>
</div></div>
  <header class="home-top" style="display: none;">
    <div class="Page">
        <div class="top_box">
            <div class="left_nav">
                               <div class="item-lf "><a class="top" href="https://www.51cto.com/" target="_blank" rel="nofollow" data-id="1" one-link-mark="yes"> 51CTO首页                                </a></div>
                               <div class="item-lf  hot"><a class="top" href="https://www.51cto.com/aigc/" target="_blank" rel="nofollow" data-id="2" one-link-mark="yes"> AI.x社区                                    <span class="hot-div"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/2331c9f60a7383b36c1333314be286f249b5b3.png" alt=""></span>
                                </a></div>
                               <div class="item-lf "><a class="top" href="https://blog.51cto.com/" target="_blank" rel="nofollow" data-id="3" one-link-mark="yes"> 博客                                </a></div>
                               <div class="item-lf "><a class="subweb" href="https://edu.51cto.com/?utm_source=hometop" target="_blank" rel="nofollow" data-id="4" one-link-mark="yes"> 学堂                                </a></div>
                               <div class="item-lf "><a class="subweb" href="https://e.51cto.com/?utm_platform=pc&amp;utm_medi-um=51cto&amp;utm_source=zhuzhan&amp;utm_content=sy_topbar" target="_blank" rel="nofollow" data-id="5" one-link-mark="yes"> 精品班                                </a></div>
                               <div class="item-lf "><a class="top" href="https://edu.51cto.com/surl=o0bwJ2" target="_blank" rel="nofollow" data-id="33" one-link-mark="yes"> 免费课                                </a></div>
                               <div class="item-lf "><a class="subweb" href="https://b.51cto.com/index?utm_source=hometop" target="_blank" rel="nofollow" data-id="6" one-link-mark="yes"> 企业培训                                </a></div>
                               <div class="item-lf "><a class="subweb" href="https://ost.51cto.com/?utm_source=hometop" target="_blank" rel="nofollow" data-id="9" one-link-mark="yes"> 鸿蒙开发者社区                                </a></div>
                               <div class="item-lf "><a class="top" href="https://51cto.com/wot/?utm_source=dhl" target="_blank" rel="nofollow" data-id="10" one-link-mark="yes"> WOT技术大会                                </a></div>
                               <div class="item-lf "><a class="top" href="https://www.51cto.com/act/aigc/awards" target="_blank" rel="nofollow" data-id="34" one-link-mark="yes"> AIGC创新中国行                                </a></div>
                               <div class="item-lf  hot"><a class="top" href="https://edu.51cto.com/cert/?utm_platform=pc&amp;utm_medium=51cto&amp;utm_source=edu&amp;utm_content=dh" target="_blank" rel="nofollow" data-id="35" one-link-mark="yes"> IT证书                                    <span class="hot-div"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/91545ec31a576825683629ce5f37d4b8a6512c.png" alt=""></span>
                                </a></div>
                           </div>
            <div class="top_right">
                <div class="item-rt"><a href="http://so.51cto.com/?keywords=&amp;sort=time" target="_blank" class="search-top" rel="nofollow" one-link-mark="yes"><i class="iconblog blogsou blog-search"></i></a></div>
                <div class="item-rt"><span class="wechatlist" data-id="wechatImageList">公众号矩阵</span></div>
                <div class="item-rt"><span class="applist" data-id="appImageList">移动端</span></div>

            </div>
        </div>
    </div>
    <div class="nav-more-container ">
        <div class="Page nav-contant-box">
                                                                                                                                   <div class="nav-contant " data-id="4">
                                           <a href="https://edu.51cto.com/videolist/index.html?utm_platform=pc&amp;utm_medium=51cto&amp;utm_source=zhuzhan&amp;utm_content=dh" target="_blank" one-link-mark="yes">短视频</a>
                                              <a href="https://edu.51cto.com/courselist/index-zh5.html?utm_source=hometop" target="_blank" one-link-mark="yes">免费课程</a>
                                              <a href="https://edu.51cto.com/ranking/index.html?utm_source=hometop" target="_blank" one-link-mark="yes">课程排行</a>
                                              <a href="https://e.51cto.com/ncamp/list?utm_platform=pc&amp;utm_medium=51cto&amp;utm_source=zhuzhan&amp;utm_content=sy_topbar&amp;rtm_frd=13" target="_blank" one-link-mark="yes">直播课</a>
                                              <a href="https://e.51cto.com/rk/?utm_platform=pc&amp;utm_medi-um=51cto&amp;utm_source=zhuzhan&amp;utm_content=sy_topbar&amp;rtm_frd=14" target="_blank" one-link-mark="yes">软考学堂</a>
                                            </div>
                                                                  <div class="nav-contant " data-id="5">
                                           <a href="https://e.51cto.com/wejob/list?utm_platform=pc&amp;utm_medi-um=51cto&amp;utm_source=zhuzhan&amp;utm_content=sy_topbar" target="_blank" one-link-mark="yes">全部课程</a>
                                              <a href="https://e.51cto.com/wejob/list?pid=5&amp;utm_platform=pc&amp;utm_medium=51cto&amp;utm_source=zhuzhan&amp;utm_content=sy_topbar&amp;rtm_frd=41" target="_blank" one-link-mark="yes">厂商认证</a>
                                              <a href="https://e.51cto.com/wejob/list?pid=1&amp;utm_platform=pc&amp;utm_medium=51cto&amp;utm_source=zhuzhan&amp;utm_content=sy_topbar&amp;rtm_frd=42" target="_blank" one-link-mark="yes">IT技术</a>
                                              <a href="https://e.51cto.com/rk/?utm_platform=pc&amp;utm_medium=51cto&amp;utm_source=zhuzhan&amp;utm_content=sy_xyzq_rightwzl&amp;rtm_frd=07&amp;utm_medium=51cto&amp;utm_source=zhuzhan&amp;utm_content=sy_topbar&amp;rtm_frd=43" target="_blank" one-link-mark="yes">2024年软考</a>
                                              <a href="https://e.51cto.com/wejob/list?pid=33&amp;utm_platform=pc&amp;utm_medium=51cto&amp;utm_source=zhuzhan&amp;utm_content=sy_topbar&amp;rtm_frd=44" target="_blank" one-link-mark="yes">PMP项目管理</a>
                                              <a href="https://edu.51cto.com/rk/" target="_blank" one-link-mark="yes">软考资讯</a>
                                            </div>
                                                                                              <div class="nav-contant " data-id="6">
                                           <a href="https://b.51cto.com/index?utm_source=hometop" target="_blank" one-link-mark="yes">在线学习</a>
                                            </div>
                                                                  <div class="nav-contant " data-id="9">
                                           <a href="https://ost.51cto.com/postlist" target="_blank" one-link-mark="yes">文章</a>
                                              <a href="https://ost.51cto.com/resource" target="_blank" one-link-mark="yes">资源</a>
                                              <a href="https://ost.51cto.com/answerlist" target="_blank" one-link-mark="yes">问答</a>
                                              <a href="https://ost.51cto.com/study" target="_blank" one-link-mark="yes">课堂</a>
                                              <a href="https://ost.51cto.com/column" target="_blank" one-link-mark="yes">专栏</a>
                                              <a href="https://ost.51cto.com/activity" target="_blank" one-link-mark="yes">直播</a>
                                            </div>
                                                                                                                                                    <div class="nav-contant wechatImageList" data-id="wechatImageList">
                                           <div class="ewmbox"><div class="imgbox"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/862966771f540df82857144db74b27ee5b4b23.jpeg"></div><span class="txt">51CTO</span></div>
                                              <div class="ewmbox"><div class="imgbox"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/d53d67c771f5cc42bac359bceb138c4cb1713b.jpg"></div><span class="txt">鸿蒙开发者社区</span></div>
                                              <div class="ewmbox"><div class="imgbox"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/58786f9973e5e929ef521783e1ee40413b04de.jpeg"></div><span class="txt">51CTO技术栈</span></div>
                                              <div class="ewmbox"><div class="imgbox"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/c77c03983d48589b1af789dfc284acb6a7c529.jpeg"></div><span class="txt">51CTO官微</span></div>
                                              <div class="ewmbox"><div class="imgbox"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/544d71641d983430fc9955636e625e6bb21ff9.jpeg"></div><span class="txt">51CTO学堂</span></div>
                                              <div class="ewmbox"><div class="imgbox"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/f1bd61e720bf669483d941a8486c124f32c451.jpeg"></div><span class="txt">51CTO博客</span></div>
                                              <div class="ewmbox"><div class="imgbox"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/4719e7b27bae3af5e33552481b6cb913288b01.jpeg"></div><span class="txt">CTO训练营</span></div>
                                              <div class="ewmbox"><div class="imgbox"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/61a991f484307eed2fe9356cc215c4d8f2dc0f.jpg"></div><span class="txt">鸿蒙开发者社区订阅号</span></div>
                                              <div class="ewmbox"><div class="imgbox"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/5576f843208b7973bf3965a2cdfd62e4a86054.png"></div><span class="txt">51CTO题库小程序</span></div>
                                            </div>
                                                        <div class="nav-contant appImageList" data-id="appImageList">
                                           <div class="ewmbox"><div class="imgbox"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/24febb8152cc24e264e642f8cb8bb515efea26.jpeg"></div><span class="txt">51CTO学堂APP</span></div>
                                              <div class="ewmbox"><div class="imgbox"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/43cca7d0489cc5d1f70060be760bde17d552e2.jpeg"></div><span class="txt">51CTO学堂企业版APP</span></div>
                                              <div class="ewmbox"><div class="imgbox"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/c4d2220826890472539671d7c428f0c0ee9451.jpg"></div><span class="txt">鸿蒙开发者社区视频号</span></div>
                                            </div>
                        </div>
    </div>
</header>
<div class="Header  " style="height: 70px; top: 0px; display: flex;">
     <div class="header-content">
        <div class="header-left">
                            <div class="Logo"><a href="https://blog.51cto.com/" one-link-mark="yes"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/logo.png" alt="51CTO博客" width="100" title="51CTO博客">
                    <h2>51CTO博客</h2>
                </a></div>
                  <ul class="Navigates  commonhide">
            <li><a href="https://blog.51cto.com/" one-link-mark="yes">首页</a>
                <div class="spam-classifications" style="display:none;">
                    <div class="spam-classifications-content">
                        <div class="classification-ipc" id="classification-ipc"></div>
                        <div class="classification-primary-list-box" id="classification-primary-list-box"></div>

                    </div>
                </div>
            </li>
            <li><a href="https://blog.51cto.com/nav/following" one-link-mark="yes">关注</a></li>
            <li><a href="https://blog.51cto.com/ranking/hot/aigc" one-link-mark="yes">排行榜</a><img class="hot-img" src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/ai.png" alt="排行榜"></li>
            <li class="">
                <a href="https://blog.51cto.com/cloumn/index" one-link-mark="yes">订阅专栏</a>
            </li>
                            <li class="first"><a href="https://blog.51cto.com/activity-first-publish#shouye" target="_blank" one-link-mark="yes"><img alt="新人福利" src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/first2.gif"></a></li>
                        </ul>
     </div>
        <ul class="header-right">
                <li class="search">
                    <form class=" form-search" method="get" action="https://blog.51cto.com/search/result" target="_blank" novalidate="">
                        <input type="text" name="q" placeholder="搜索文章、作者" id="TopSearchInput" autocomplete="off" required="">
                         <i class="iconblog  bloga-shanchutupian"></i>
                        <button class="iconblog blogsou" id="TopSearchBtn"></button>
                    </form>
                    <div class="focusSelect focusSelect_his">

                        <div class="searchHistoryList">
                            <div class="clearfix hishead">搜索历史
                                <span class="clearhis"><i class="iconblog blogshanchu18 "></i>清空</span>
                            </div>
                            <div class="hisitem-wrap"></div>
                        </div>

                        <div class="hotList">
                            <div class="clearfix hishead">热门搜索</div>
                            <div class="hot-wrap"></div>
                        </div>

                    </div>

                    <div class="focusSelect focusSelect_key">
                        <div class="keyitem-wrap">

                        </div>
                        <div class="clearfix checkSearchResult">
                            <span>查看【</span>
                            <span class="checkKey"></span>
                            <span>】的结果</span>
                        </div>
                    </div>
                </li>
                                      <li class="write commonhide">
                       
                        <a href="javascript:;" id="toPublish" onclick="Login({scene:&#39;write1&#39;})" rel="nofollow" one-link-mark="yes"> <i class="iconblog  blogxiewenzhang"></i>写文章</a></li>
                      <li class="creative"><a href="https://blog.51cto.com/creative-center/index" one-link-mark="yes">创作中心</a><a href="https://blog.51cto.com/creative-center/task" class="task" one-link-mark="yes"></a></li>
                                                         <li class="logins">
                    <a href="https://home.51cto.com/index?from_service=blog&amp;scene=login1&amp;reback=https://blog.51cto.com/u_11529070/9269963" target="_self" class="clearfix" rel="nofollow" one-link-mark="yes"><span class="fl">登录</span><b class="fgline fl"></b><span class="fl">注册</span></a>
                </li>
                    </ul>

    </div>
<div class="search-mask"></div></div>
    <!-- if publish show -->
    <div class="Footer">
        <div class="Page ">
            <div class="fl">
                <a href="https://blog.51cto.com/" class="Logo" one-link-mark="yes"><img src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/logo4.png" alt="51CTO博客" width="214" title="51CTO博客"></a>
                <p class="copy">Copyright © 2005-2024 <a href="https://www.51cto.com/" target="_blank" one-link-mark="yes">51CTO.COM</a>
                    版权所有 京ICP证060544号</p>
            </div>

            <dl class="foot_ab fr">
                <dt>关于我们</dt>
                <dd>
                    <table class="aboutList">
                        <tbody><tr>
                            <td><a href="https://blog.51cto.com/51ctoblog" target="_blank" one-link-mark="yes">官方博客</a></td>
                            <td><a href="https://blog.51cto.com/nav" target="_blank" one-link-mark="yes">全部文章</a></td>
                            <td><a href="https://blog.51cto.com/topic/all" target="_blank" one-link-mark="yes">热门标签</a></td>
                            <td><a href="https://blog.51cto.com/class-blog/index" target="_blank" data-v-6e9e21b4="" one-link-mark="yes">班级博客</a></td>
                        </tr>
                        <tr>
                            <td><a href="https://www.51cto.com/about/aboutus.html" target="_blank" one-link-mark="yes">了解我们</a></td>
                            <td><a href="https://www.51cto.com/about/map.html" target="_blank" one-link-mark="yes">网站地图</a></td>
                            <td><a href="https://blog.51cto.com/feedback?utm_medium=aboutus2" target="_blank" one-link-mark="yes">意见反馈</a></td>

                        </tr>
                    </tbody></table>
                </dd>
            </dl>


            <dl class="foot_link fr">
                <dt>友情链接</dt>
                <dd>
                    <table class="aboutList-2">
                        <tbody><tr>
                            <td><a href="https://ost.51cto.com/?utm_source=blogsitemap" target="_blank" one-link-mark="yes">鸿蒙开发者社区</a></td>
                            <td><a href="https://edu.51cto.com/" target="_blank" one-link-mark="yes">51CTO学堂</a></td>
                        </tr>
                        <tr>
                            <td><a href="https://www.51cto.com/" target="_blank" one-link-mark="yes">51CTO</a></td>
                            <td><a href="https://edu.51cto.com/rk/" target="_blank" one-link-mark="yes">软考资讯</a></td>
                        </tr>
                    </tbody></table>
                </dd>
            </dl>

        </div>
    </div>
    

<script>
    var userId="";
var uid="";
var user_id=11519070;
var isLogin=0;
var imgpath="https://s2.51cto.com/";
var BLOG_URL="https://blog.51cto.com/";
var HOME_URL="https://home.51cto.com/";
var STATICPATH="https://static2.51cto.com/edu/";
var SA_SERVER_URL_YM="https://sc.51cto.com/sa?project=production";
var cururl="https://blog.51cto.com/u_11529070/9269963";
var login_url="https://home.51cto.com/mobile/client-login?reback=https://blog.51cto.com/u_11529070/9269963";
var praise_url="https://blog.51cto.com/praise/praise";
var qrcodeSid="";
var qr_code="";
var router="blog/index";
var csrfParam="_csrf";
var csrfToken="kgtfwuCEo4kaC094ivwVz8Up6lXluYxcXu0sjvEZkT0EIztGwXTK-X4aiKyY0NNNA7Xhq4Yg3HQWno34nFreMw==";
var is_load=0;
var uc_url="https://ucenter.51cto.com/";
var blog_url="https://blog.51cto.com/";
var isBuy=1;
var isPc=0;
var writeMessage="[转帖]Kafka之ISR机制的理解\r\nhttps:\/\/blog.51cto.com\/u_11529070\/9269963";
var isCodeCopy=0;
var cid="";
var fid=0;
var commentListPage="";
var originalUrl="https://blog.51cto.com/u_11529070/original";
var followersUrl="https://blog.51cto.com/u_11529070/followers";
var translateUrl="https://blog.51cto.com/u_11529070/translate";
var reproduceUrl="https://blog.51cto.com/u_11529070/reproduce";
var followingUrl="https://blog.51cto.com/u_11529070/following";
var page="detail";
var tipStatus=1;
var addReply_url="https://blog.51cto.com/addBlogComment";
var removeUrl="https://blog.51cto.com/delBlogComment";
var blog_id=9269963;
var is_comment=0;
var comment_list="https://blog.51cto.com/getBlogCommentList";
var index_url="https://blog.51cto.com/u_11529070";
var img_url="https://static2.51cto.com/edu/blog/";
var i_user_id="";
var c_user_id=11519070;
var collect_url="https://blog.51cto.com/addUserCollect";
var is_old=2;
var nicknameurl="https://blog.51cto.com/u_11529070";
var nickname="jinanxiaolaohu6";
var shareimgUrl="/qr/qr-url?url=https%3A%2F%2Fblog.51cto.com%2Fu_11529070%2F9269963";
var checkFollow=1;
var seoTitle="kafka isr机制";
var articleABtest=0;
var blog_source=2;
var blog_source_video=2;
var blog_add_time=1705377312;
var word_type=0;
var custom_id=0;
var firstTwoCate=30;
var webTitle="[转帖]Kafka之ISR机制的理解";
            !function(f,p){"use strict";var h=new RegExp("\\.css"),y=p.head||p.getElementsByTagName("head")[0],r=+navigator.userAgent.replace(/.*(?:AppleWebKit|AndroidWebKit)\/?(\d+).*/i,"$1")<536;function s(e){return"complete"===e.readyState||"loaded"===e.readyState}function v(e,t,n){var o="onload"in e;function a(){e.onload=e.onreadystatechange=null,e=null,t()}"css"!==n||!r&&o?o?(e.onload=a,e.onerror=function(){e.onerror=null}):e.onreadystatechange=function(){s(e)&&a()}:setTimeout(function(){!function e(t,n){var o;t.sheet&&(o=!0),setTimeout(function(){o?n():e(t,n)},20)}(e,t)},1)}function u(t,n,e,o){if(t)if(h.test(t)){var a=t,r=e,c=u,i=p.createElement("link");if(r.attrs)for(var l in r.attrs)i.setAttribute(l,r.attrs[l]);r.prefetch?(i.href=a,i.rel="prefetch",c&&c()):(i.rel="stylesheet",v(i,c,"css"),i.href=a),y.appendChild(i)}else{var c=t,d=e,a=u,f=d.prefetch?p.createElement("link"):p.createElement("script");if(d.attrs)for(var s in d.attrs)f.setAttribute(s,d.attrs[s]);d.prefetch?(f.href=c,f.rel="prefetch",a&&a()):(f.charset="utf-8",v(f,a,"js"),f.async=!1,f.src=c),y.appendChild(f)}else setTimeout(function(){u()});function u(){var e=n.indexOf(t);-1<e&&n.splice(e,1),0===n.length&&o()}}function c(e="load",t){var n="object"==typeof t.option?t.option:{},t="function"==typeof t.callback?t.callback:null;return n.attrs="object"==typeof n.attrs?n.attrs:{},n.loaded="boolean"==typeof n.loaded&&n.loaded,n[e]=!0,{option:n,cb:t}}function i(c,e,t="load"){var n,o,a,r,i,l;function d(){var e=c,t=i,n=l;function o(){n&&n()}if(0===(e=Array.prototype.slice.call(e||[])).length)o();else for(var a=0,r=e.length;a<r;a++)u(e[a],e,t,o)}c&&c.length&&(i=e.option,l=e.cb,e=p,n=function(){"load"===t&&i.loaded?setTimeout(d,2e3):d()},("ready"===(o=t)?"loading"!==e.readyState:s(e))?n():(a=!1,r=function(){a||(n(),a=!0)},"load"===o?f.addEventListener("load",r):"ready"===o&&p.addEventListener("DOMContentLoaded",r),setTimeout(function(){r()},1500)))}f.PsLoader={ready:function(e,t,n={}){var o=[],a=[];e.forEach(function(e){(h.test(e)?o:a).push(e)}),n.loaded=!1,i(o,c("ready",{option:n,callback:function(){t(o)}}),"ready"),i(a,c("load",{option:n,callback:function(){t(a)}}))},load:function(e,t,n={}){i(e,c("load",{option:n,callback:t}))},prefetch:function(e,t,n={}){i(e,c("prefetch",{option:n,callback:t}))}}}(window,document);        !function(m,g){var t=["scroll","wheel","mousewheel","resize","animationend","transitionend","touchmove"];function n(e){if("object"!=typeof e)throw new Error("CLazy option is not Object");var f={defaultImg:e.defaultImg||"",preLoad:e.preLoad||1.3,preLoadTop:e.preLoadTop||0,complete:e.complete||null,events:e.events||t,capture:e.capture||!1},v=0,p={},h={},i={},A=this;function l(e){var t=e;if("object"!=typeof t)return!1;if(!t.el)for(var r in p)if(e===p[r].el){t=p[r];break}return t}function c(e){var e=e.getBoundingClientRect(),t=f.preLoad,r=f.preLoadTop;return e.top<m.innerHeight*t&&e.bottom>r&&e.left<m.innerWidth*t&&0<e.right}function u(e,t){var r,n=e.bindType,o=e.el;switch(t){case"loading":case"error":r=f.defaultImg;break;default:r=e.src}n?e.src&&(o.style[n]='url("'+r+'")'):o.getAttribute("src")!==r&&o.setAttribute("src",r),o.setAttribute("lazy",t)}this.add=function(e,t){var r=function(e){var t,r=!1;for(t in p)if(p[t].el===e){r=p[t];break}return r}(e);if(r)return this.check(r),!1;r="e_"+ ++v;if(p[r])return this.check(p[r]),!1;for(var n,o={id:r,el:e,bindType:"IMG"===e.tagName?null:"background-image",src:(n=e,(t=t)?t.value:n.getAttribute("ps-lazy")),$parent:function(e){if(!(e instanceof HTMLElement))return m;var t=e;for(;t&&t!==g.body&&t!==g.documentElement&&t.parentNode;){if(/(scroll|auto)/.test(function(e){return y(e,"overflow")+y(e,"overflow-y")+y(e,"overflow-x")}(t)))return t;t=t.parentNode}return m}(e)},a=(h[r]=function(e){A.check(o)},p[r]=o),i=h[r],c=0;c<f.events.length;c++){s=d=u=l=void 0;var[l,u,d,s=!1]=[a.$parent,f.events[c],i,f.capture];l&&l.addEventListener(u,d,s),m!==l&&m.addEventListener(u,d,s)}this.check(o)},this.remove=function(e){for(var e=l(e),t=(e.el&&e.el.removeAttribute("ps-lazy"),e),r=h[e.id],n=0;n<f.events.length;n++){c=i=a=o=void 0;var[o,a,i,c=!1]=[t.$parent,f.events[n],r,f.capture];o&&o.removeEventListener(a,i,c),m!==o&&m.removeEventListener(a,i,c)}delete h[e.id],delete p[e.id]},this.check=function(e){var t,r,n,o,a=l(e);c(a.el)&&(m===a.$parent||c(a.$parent))?(e=function(e){u(a,e),A.remove(a),f.complete&&f.complete({el:a.el,src:a.src,state:e})},a.src?(t=a.src,r=e,n=encodeURIComponent(t),i[n]?r(i[n]):((o=new Image).onload=function(){i[n]="loaded",r(i[n])},o.onerror=function(){i[n]="error",r(i[n])},o.src=t)):e("loaded")):u(a,"loading")},this.checkAll=function(){for(var e in p)A.check(p[e])}}function y(e,t){return"undefined"!=typeof getComputedStyle?getComputedStyle(e,null).getPropertyValue(t):e.style[t]}m.PsLazy=function(e={}){function t(e){for(var t=e.path||event.composedPath&&event.composedPath()||e._getPath&&e._getPath(),r=0;r<t.length;r++){var n=t[r];if(n&&"hasAttribute"in n&&n.hasAttribute("ps-lazy-check")){o.format();break}}}function r(){var e=g.querySelector("img[data-share]");e&&!e.getAttribute("src")&&e.setAttribute("src",e.getAttribute("data-share"))}var o=this;n.call(o,e),g.addEventListener("click",t),g.addEventListener("mouseover",t),this.format=function(){var e=g.querySelectorAll("[ps-lazy]");if(!e.length)return!1;for(var t=0;t<e.length;t++)o.add(e[t])},this.format();"complete"===(e=g).readyState||"loaded"===e.readyState?r():m.addEventListener("load",r,!1)}}(window,document);        PsLoader.load(["https://static2.51cto.com/edu/blog/blog-static/static/css/pc_detailinline.min.css?v=f7524d2aae","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_detail.min.css?v=8bd4a251ef","https://cdn.51cto.com/jquery/jquery-2.2.4.min.js","https://static2.51cto.com/edu/center/js/interaction_iframe.js","https://cdn.51cto.com/jquery/swiper-4.5.3.js","https://cdn.51cto.com/svga/2.3.1/svga.min.js","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_base.min.js?v=d06e4f1e8b","https://static2.51cto.com/edu/blog/blog-static/js/mprime.js?v=2cb70144db","https://cdn.51cto.com/lingjing-agent/1.0.7/js/index.global.js","https://static2.51cto.com/edu/blog/blog-static/js/lingjing-agent/lingjing.js?v=9c85312fef","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_detail.min.js?v=67b130ac20"], function() {
                    articleCopy();
            })
    PsLoader.prefetch(["https://static2.51cto.com/edu/blog/blog-static/static/css/pc_base.min.css?v=8d92ab701b","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_indexinline.min.css?v=400a5f4051","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_newIndexinline.min.css?v=16927be427","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_listinline.min.css?v=71cfee60b1","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_newListinline.min.css?v=8f92cf000e","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_topicinline.min.css?v=ab62f5f632","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_topicdetailinline.min.css?v=fc7a3eae0b","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_bloggerinline.min.css?v=4c33bc4c88","https://static2.51cto.com/edu/blog/blog-static/markdown/dist/js/main.js?v=12e5a1a2fe","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_index_js.min.js?v=835c51179f","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_list_js.min.js?v=eab52af915","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_topic.min.js?v=873da4210c","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_topic_static.min.js?v=8533cb9e02","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_topicdetail.min.js?v=901345e7d5","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_blogger_js.min.js?v=24bf77cbf1"]);
    var Lazy = new PsLazy({
        defaultImg: "https://s2.51cto.com/images/100/base/empty.png?x-oss-process=image/format,webp/ignore-error,1",
        preLoad: 1.3,
        complete: function(opt) {},
    })
</script>


<div style="background: url(&quot;https://static2.51cto.com/edu/blog/images/bg50.png&quot;) repeat; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10000000; display: none;"><div style="z-index:10000001;width:50px;height:50px;background:url(https://static2.51cto.com/edu/blog/images/loading2.gif) no-repeat center;background-size:50px 50px;position:absolute;left:50%;top:50%;margin-left:-25px;margin-top:-25px;"></div></div><div id="lingjing-agent-container" class="agent-container-pc" style="display: none;"><div id="__chat-view-core-toast"></div><div class="nav-insite">
            <div class="nav-insite-container">
                <div class="nav-insite-bar-container">
                    <img class="nav-insite-bar-avator" src="./[转帖]Kafka之ISR机制的理解_51CTO博客_kafka isr机制_files/955e3bf0-eeaa-4f0a-b4b6-8cf1f7080a96.png">
                    <div class="nav-insite-bar-detail">
                        <span class="nav-insite-bar-title">51CTO博客AI助手</span>
                    </div>
                </div>
                <div class="nav-insite-side">
                    <div class="nav-insite-close">
                    </div>
                </div>
            </div>
        </div><div class="chat-view-container entry-container ">
        <!--7-->
        <div class="bot-container bot-container-pc" style="">
            <div class="bot-container-wrapper">
                <div class="bot-container-main">
                    
                    <bot-header class="bot-container-header"></bot-header><!--10-->
                    
                    <div class="bot-container-center" style="height: 100%;">
                        <div class="bot-container-center-content">
                            <div class="bot-body">
                                
                                <div class="watermark" style="background-image: url(&quot;data:image/svg+xml,%3Csvg width=&#39;250&#39; height=&#39;150&#39; viewBox=&#39;0 0 200 100&#39; xmlns=&#39;http://www.w3.org/2000/svg&#39;%3E%3Ctext transform=&#39;rotate(-12 23 18)&#39; fill=&#39;%23000&#39; fill-rule=&#39;evenodd&#39; fill-opacity=&#39;.02&#39; font-family=&#39;PingFangSC-Regular, PingFang SC&#39; font-size=&#39;12&#39;%3E%3Ctspan x=&#39;18&#39; y=&#39;24&#39;%3EAI生成内容仅供参考%3C/tspan%3E%3C/text%3E%3C/svg%3E&quot;);"></div><!--12-->
                                
                                <div class="bot-body-content">
                                    <div class="chat-body-container">
            
            <!--34-->
            <!--35-->
            
            
            <!--36-->
            
            
            <div class="content-restore"></div>
            
            <!--37-->
            
            <div class="content-area" id="conversation-flow-container">
                <div>
                    <!--39-->
                        
                        <!--40-->
                        <!--41-->
                        
                        
                        <!--42-->
                        
                        <!--43-->
                        <!--44-->
                        
                        <!--45-->
                    <!--39--><!--46-->
                        
                        <!--47-->
                        <div class="welcome-container welcome-container-animation">
            <div class="
                    welcome-content-box
                    welcome-wise
                    
                    
                ">
                <div class="description">我是51CTO博客智能小助手，能够帮助开发者解决在学习和工作中遇到的各种计算机以及开发相关的问题，例如代码生成(用Java写出“hello world”)，代码错误追踪，代码解释，代码语言转换，内容创作等，帮助您快速找到答案。</div>
                <div class="recommend-wrap">
                    <!--59-->
                        <div class="recommend-line rc-line-wise">
                            <div class="recommend-item">
                                <div class="recommend-item-text">在Linux的Ubuntu系统中快速部署C++开发环境？</div>
                                <div class="recommend-item-arrow">
                                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <g clip-path="url(#clip0_1569_85)">
                                        <path d="M4.91429 3.08569L9.61908 7.79049C9.7348 7.9062 9.73479 8.0938 9.61908 8.20951L4.91429 12.9143L5.75234 13.7524L10.4571 9.04757C11.0357 8.46901 11.0357 7.53099 10.4571 6.95244L5.75234 2.24764L4.91429 3.08569Z" fill="#1E1F24"></path>
                                        </g>
                                        <defs>
                                        <clippath id="clip0_1569_85">
                                        <rect width="16" height="16" fill="white" transform="matrix(-1 0 0 1 16 0)"></rect>
                                        </clippath>
                                        </defs>
                                    </svg>
                                </div>
                            </div><div class="recommend-item">
                                <div class="recommend-item-text">Python GDAL命令行将栅格地理坐标系转为投影坐标系</div>
                                <div class="recommend-item-arrow">
                                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <g clip-path="url(#clip0_1569_85)">
                                        <path d="M4.91429 3.08569L9.61908 7.79049C9.7348 7.9062 9.73479 8.0938 9.61908 8.20951L4.91429 12.9143L5.75234 13.7524L10.4571 9.04757C11.0357 8.46901 11.0357 7.53099 10.4571 6.95244L5.75234 2.24764L4.91429 3.08569Z" fill="#1E1F24"></path>
                                        </g>
                                        <defs>
                                        <clippath id="clip0_1569_85">
                                        <rect width="16" height="16" fill="white" transform="matrix(-1 0 0 1 16 0)"></rect>
                                        </clippath>
                                        </defs>
                                    </svg>
                                </div>
                            </div><div class="recommend-item">
                                <div class="recommend-item-text">关于Python中math 和 decimal 模块的解析与实践</div>
                                <div class="recommend-item-arrow">
                                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <g clip-path="url(#clip0_1569_85)">
                                        <path d="M4.91429 3.08569L9.61908 7.79049C9.7348 7.9062 9.73479 8.0938 9.61908 8.20951L4.91429 12.9143L5.75234 13.7524L10.4571 9.04757C11.0357 8.46901 11.0357 7.53099 10.4571 6.95244L5.75234 2.24764L4.91429 3.08569Z" fill="#1E1F24"></path>
                                        </g>
                                        <defs>
                                        <clippath id="clip0_1569_85">
                                        <rect width="16" height="16" fill="white" transform="matrix(-1 0 0 1 16 0)"></rect>
                                        </clippath>
                                        </defs>
                                    </svg>
                                </div>
                            </div><!--60-->
                        </div>
                    <!--59--><!--58-->
                </div><!--50-->
            </div>
        </div><!--48-->
                        
                        
                        <!--51-->
                        
                        <!--52-->
                        <!--53-->
                        
                        <!--54-->
                    <!--46--><!--38-->
                </div>
                
                
            </div>
            <!--55-->
            <div id="chat-proactive-monitoring-root" style="display: none;"></div>
        </div><!--14-->

                                    
                                    <!--57--><!--16-->

                                    
                                    <div>
            <div class="chat-input-box ">
                <span class="lj-iconfont chat-input-box-clean"></span><!--18-->
                <div class="chat-input-box-textarea-wrapper">
                    <div class="upload-bubble-container">
                        <!--19-->
                        <!--20-->
                    </div>
                    <div class="chat-input-box-textarea-and-icons">
                        <textarea class="chat-input-box-textarea-content" placeholder="可以问我任何问题…" rows="1" maxlength="8000" enterkeyhint="send">
                        </textarea><!--21-->
                        <div class="chat-input-box-icons-wrapper">

                            <!--22-->
                            <!--23-->
                            <!--24-->
                            <!--25-->
                            <!--26-->
                            <!--27-->
                        </div>
                    </div>
                </div>
                <div class="chat-input-box-call-placeholder"></div><!--28-->
            </div>
        </div>
                                    <div class="bot-logout">
            <!--2-->
        </div>
                                    
                                    <div class="safe-area-bottom"></div>
                                </div>
                            </div><!--11-->
                        </div>
                    </div>
                    
                    <!--30-->
                    <!--32-->
                </div>
            </div><!--9-->
        </div>
    </div><!--6--><div class="footnote-insite">
            <div class="footnote-insite-icon"></div>
            <div class="footnote-insite-text">灵境矩阵提供AI服务</div>
        </div></div><div class="hover-ball " style="background-image: url(&quot;https://s2.51cto.com/blog/ai.gif&quot;);">
        </div><!--4--></body><div style="all: initial;"><div id="__hcfy__" style="all: initial;"><template shadowrootmode="open"><style>#root{-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:14px;font-weight:400;letter-spacing:0;line-height:1.28581;text-transform:none;color:#182026;font-family:-apple-system,"BlinkMacSystemFont","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Open Sans","Helvetica Neue","Icons16",sans-serif;touch-action:manipulation}#root>.bp5-portal{z-index:9999999999}</style><link rel="stylesheet" href="chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/normalize.css"><link rel="stylesheet" href="chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/blueprint.css"><link rel="stylesheet" href="chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/blueprint-select.css"><link rel="stylesheet" href="chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/cropper.css"><style>#translate-panel{background-color:#f6f7f9;display:flex;flex-direction:column;padding-bottom:8px}.bp5-dark #translate-panel{background-color:#252a31}#translate-panel .fixed{flex-shrink:0;margin-bottom:10px}#translate-panel .body{flex-grow:1;overflow:auto;overscroll-behavior:contain}#translate-panel .body::-webkit-scrollbar{width:8px;background-color:rgba(0,0,0,0);-webkit-border-radius:100px}#translate-panel .body::-webkit-scrollbar:hover{background-color:rgba(0,0,0,.09)}#translate-panel .body::-webkit-scrollbar-thumb:vertical{background:rgba(0,0,0,.5);-webkit-border-radius:100px}#translate-panel .body::-webkit-scrollbar-thumb:vertical:active{background:rgba(0,0,0,.61);-webkit-border-radius:100px}#translate-panel.size-small,#translate-panel.size-small h6.bp5-heading,#translate-panel.size-small .bp5-control.bp5-large,#translate-panel.size-small textarea.bp5-input.bp5-small{font-size:14px}#translate-panel.size-small .phonetic-item,#translate-panel.size-small .quick-settings a{font-size:12px}#translate-panel.size-middle,#translate-panel.size-middle h6.bp5-heading,#translate-panel.size-middle .bp5-control.bp5-large,#translate-panel.size-middle textarea.bp5-input{font-size:18px}#translate-panel.size-middle .phonetic-item,#translate-panel.size-middle .quick-settings a{font-size:14px}#translate-panel.size-large,#translate-panel.size-large h6.bp5-heading,#translate-panel.size-large .bp5-control.bp5-large,#translate-panel.size-large textarea.bp5-input.bp5-large{font-size:22px}#translate-panel.size-large .source,#translate-panel.size-large .phonetic-item,#translate-panel.size-large .quick-settings a{font-size:18px}#translate-panel .bp5-button.bp5-small,#translate-panel .bp5-small .bp5-button{min-height:20px;min-width:20px}#translate-panel .header{display:flex;align-items:center;padding:4px 6px 4px 10px;border-bottom:1px solid #d1d1d1}.bp5-dark #translate-panel .header{border-bottom-color:rgba(17,20,24,.4)}#translate-panel .header .drag-block{min-width:5px;flex-shrink:0;flex-grow:1;align-self:stretch}#translate-panel .header .left{flex-shrink:0;display:flex}#translate-panel .header .right{flex-shrink:0;display:flex;align-items:center}#translate-panel .header .right .bp5-icon-arrow-right{flex-shrink:0;margin:0 5px}#translate-panel .header .right>.bp5-button{flex-shrink:0;margin:0 1px}#translate-panel .header .right>.bp5-button:last-child{margin-right:0}#translate-panel .quick-settings{padding:4px 9px;margin:0 1px}#translate-panel .quick-settings>div{margin-bottom:5px}#translate-panel .quick-settings .bp5-control{margin-bottom:0}#translate-panel .query-text{position:relative;padding:10px 10px 2px 10px}#translate-panel .query-text textarea.bp5-input{min-height:44px;font-family:system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";overscroll-behavior:contain}#translate-panel .query-text .translate-btn{position:absolute;opacity:.6}#translate-panel .query-text .translate-btn:hover{opacity:1}#translate-panel .body{padding:0 10px}#translate-panel .body .bp5-card:first-child{margin-top:1px}#translate-panel .body .bp5-card:last-child{margin-bottom:1px}#translate-panel .body .no-api{margin:20px 0}.result-block{margin:8px 0;padding:2px 5px}.result-block .bp5-button{visibility:hidden}.result-block .error .bp5-button,.result-block:hover .bp5-button{visibility:visible}.result-block .legend{display:flex;align-items:center;justify-content:space-between}.result-block .legend .legend-left{display:flex;align-items:center}.result-block .legend .api-ico,.result-block .legend .bp5-heading{flex-shrink:0;white-space:nowrap}.result-block .legend .api-ico{display:inline-block;width:14px;height:14px;background-size:contain;margin-right:3px}.result-block .legend .bp5-heading{margin-bottom:0;margin-right:10px}.result-block .legend .source{cursor:pointer;font-size:12px;display:inline-flex;align-items:center}.result-block .legend .source .source-text{overflow:hidden}.result-block .legend .source .bp5-icon{position:relative;top:-1px;margin-left:1px}.result-block .phonetic{display:flex;flex-wrap:wrap}.result-block .phonetic .phonetic-item{display:flex;align-items:center;font-size:12px}.result-block .phonetic .phonetic-item:not(:last-child){margin-right:12px}.result-block .common-result p{line-height:1.3;margin:2px 0;overflow-wrap:break-word}.result-block .common-result .dict a{text-decoration:underline}.result-block .error{font-size:12px;padding:5px 10px}.result-block .dict-pos{margin-right:5px}.external-translators{margin-bottom:3px;padding:0;display:flex;flex-wrap:wrap}.external-translators>div{margin:0 5px 5px 0}.quick-links a{margin:0 5px 5px 0}#popper-container{width:250px;max-width:100%;position:absolute;left:0;top:0;z-index:9999999998;touch-action:none;transition:opacity .2s;background-color:#f6f7f9}.bp5-dark #popper-container{background-color:#252a31}#popper-container.show{opacity:1;pointer-events:auto;-moz-user-select:auto;user-select:auto}#popper-container,#popper-container[data-popper-reference-hidden=true]{opacity:0;pointer-events:none;-moz-user-select:none;user-select:none}#popper-container .drag-block{cursor:-webkit-grab;cursor:grab}#popper-container.pin{position:fixed}#popper-container.pin .arrow{display:none}#popper-container .arrow,#popper-container .arrow::before{position:absolute;width:8px;height:8px;z-index:-1}#popper-container .arrow::before{content:"";transform:rotate(45deg);background:#f6f7f9}.bp5-dark #popper-container .arrow::before{background-color:#252a31}#popper-container .arrow{display:none}#popper-container.show[data-popper-placement]:not([data-popper-reference-hidden=true]) .arrow{display:block}#popper-container[data-popper-placement^=top] .arrow{bottom:-5px}#popper-container[data-popper-placement^=top] .arrow::before{border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1}#popper-container[data-popper-placement^=bottom] .arrow{top:-5px}#popper-container[data-popper-placement^=bottom] .arrow::before{border-left:1px solid #d1d1d1;border-top:1px solid #d1d1d1}#popper-container[data-popper-placement^=left] .arrow{right:-5px}#popper-container[data-popper-placement^=left] .arrow::before{border-right:1px solid #d1d1d1;border-top:1px solid #d1d1d1}#popper-container[data-popper-placement^=right] .arrow{left:-5px}#popper-container[data-popper-placement^=right] .arrow::before{border-left:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1}#translate-btn{display:none;position:absolute;z-index:9999999999;left:0;top:0}#translate-btn .bp5-button{padding:2px;min-width:0;min-height:0}#translate-btn .btn-icon{width:18px;height:18px;background-image:url(chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/logo.png);background-size:contain}.bp5-dark #translate-btn .btn-icon{background-image:url(chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/logowhite36.png)}#translate-btn.show{display:block}.translate-type-selector .bp5-label{display:inline}.translate-type-selector .bp5-radio{margin-bottom:0}#ocr-container{position:fixed;z-index:99999999999999;left:0;top:0;right:0;bottom:0}#ocr-container .toolbar{display:none;position:absolute;z-index:1}#ocr-container img{max-width:100%}#app{cursor:default}.switch-pin{flex-shrink:0;cursor:pointer}.switch-pin .bp5-icon-pin{transition:transform .2s,color .2s;transform:rotate(-45deg)}.pin .switch-pin .bp5-icon-pin{transform:rotate(-70deg)}.cut-btn{margin-left:2px}.app-toaster-container{position:fixed !important;z-index:9999999999 !important}.app-toaster-container .bp5-toast{min-width:auto}#web-trs-panel .app-toaster-container{padding-right:0;padding-left:0}#web-trs-panel .page-trs-form-group{margin:0 0 0 0;align-items:center}#web-trs-panel .page-trs-form-group>label{width:70px}</style><div id="root" dir="ltr"><div id="app"><div id="translate-btn"><button type="button" class="bp5-button"><span class="btn-icon"></span></button></div><div id="popper-container" class="pin bp5-elevation-4" style="width: 337.99px; transform: translate(0px, 0px);"><div id="translate-panel" class="size-small" style="max-height: 911px;"><div class="fixed"><div class="header"><div class="left"><div class="switch-pin"><button type="button" class="bp5-button bp5-active bp5-minimal bp5-small"><span aria-hidden="true" class="bp5-icon bp5-icon-pin"><svg data-icon="pin" height="14" role="img" viewBox="0 0 16 16" width="14"><path d="M9.41.92c-.51.51-.41 1.5.15 2.56L4.34 7.54C2.8 6.48 1.45 6.05.92 6.58l3.54 3.54-3.54 4.95 4.95-3.54 3.54 3.54c.53-.53.1-1.88-.96-3.42l4.06-5.22c1.06.56 2.04.66 2.55.15L9.41.92z" fill-rule="evenodd"></path></svg></span></button></div><button type="button" class="bp5-button bp5-minimal bp5-small cut-btn" title="截图翻译"><span aria-hidden="true" class="bp5-icon bp5-icon-cut"><svg data-icon="cut" height="14" role="img" viewBox="0 0 16 16" width="14"><path d="M13 2s.71-1.29 0-2L8.66 5.07l1.05 1.32L13 2zm.07 8c-.42 0-.82.09-1.18.26L3.31 0c-.69.71 0 2 0 2l3.68 5.02-2.77 3.24A2.996 2.996 0 000 13c0 1.66 1.34 3 3 3s3-1.34 3-3c0-.46-.11-.89-.29-1.27L8.1 8.54l2.33 3.19c-.18.39-.29.82-.29 1.27 0 1.66 1.31 3 2.93 3S16 14.66 16 13s-1.31-3-2.93-3zM3 14c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm10.07 0c-.54 0-.98-.45-.98-1s.44-1 .98-1 .98.45.98 1-.44 1-.98 1z" fill-rule="evenodd"></path></svg></span></button><button type="button" title="打开历史记录" class="bp5-button bp5-minimal bp5-small"><span aria-hidden="true" class="bp5-icon bp5-icon-history"><svg data-icon="history" height="14" role="img" viewBox="0 0 16 16" width="14"><path d="M8 3c-.55 0-1 .45-1 1v4c0 .28.11.53.29.71l2 2a1.003 1.003 0 001.42-1.42L9 7.59V4c0-.55-.45-1-1-1zm0-3a7.95 7.95 0 00-6 2.74V1c0-.55-.45-1-1-1S0 .45 0 1v4c0 .55.45 1 1 1h4c.55 0 1-.45 1-1s-.45-1-1-1H3.54C4.64 2.78 6.23 2 8 2c3.31 0 6 2.69 6 6 0 2.61-1.67 4.81-4 5.63v-.01c-.63.23-1.29.38-2 .38-3.31 0-6-2.69-6-6 0-.55-.45-1-1-1s-1 .45-1 1c0 4.42 3.58 8 8 8 .34 0 .67-.03 1-.07.02 0 .04-.01.06-.01C12.98 15.4 16 12.06 16 8c0-4.42-3.58-8-8-8z" fill-rule="evenodd"></path></svg></span></button></div><div class="drag-block" title="按住不放可以拖动"></div><div class="right"><div style="font-size: 0px; position: relative;"><button type="button" title="你有 1 条未读消息" class="bp5-button bp5-minimal bp5-small"><span aria-hidden="true" class="bp5-icon bp5-icon-notifications"><svg data-icon="notifications" height="14" role="img" viewBox="0 0 16 16" width="14"><path d="M8 16c1.1 0 2-.9 2-2H6c0 1.1.9 2 2 2zm6-5c-.55 0-1-.45-1-1V6c0-2.43-1.73-4.45-4.02-4.9 0-.04.02-.06.02-.1 0-.55-.45-1-1-1S7 .45 7 1c0 .04.02.06.02.1A4.992 4.992 0 003 6v4c0 .55-.45 1-1 1s-1 .45-1 1 .45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1z" fill-rule="evenodd"></path></svg></span></button><div style="position: absolute; background: rgb(243, 1, 1); width: 6px; height: 6px; border-radius: 3px; right: 3px; top: 1px;"></div></div><button type="button" disabled="" title="添加到收藏夹" class="bp5-button bp5-disabled bp5-minimal bp5-small" tabindex="-1"><span aria-hidden="true" class="bp5-icon bp5-icon-star-empty"><svg data-icon="star-empty" height="14" role="img" viewBox="0 0 16 16" width="14"><path d="M16 6.11l-5.53-.84L8 0 5.53 5.27 0 6.11l4 4.1L3.06 16 8 13.27 12.94 16 12 10.21l4-4.1zM4.91 13.2l.59-3.62L3 7.02l3.45-.53L8 3.2l1.55 3.29 3.45.53-2.5 2.56.59 3.62L8 11.49 4.91 13.2z" fill-rule="evenodd"></path></svg></span></button><button type="button" class="bp5-button bp5-minimal bp5-small settings" title="快捷设置"><span aria-hidden="true" class="bp5-icon bp5-icon-cog"><svg data-icon="cog" height="14" role="img" viewBox="0 0 16 16" width="14"><path d="M15.19 6.39h-1.85c-.11-.37-.27-.71-.45-1.04l1.36-1.36c.31-.31.31-.82 0-1.13l-1.13-1.13a.803.803 0 00-1.13 0l-1.36 1.36c-.33-.17-.67-.33-1.04-.44V.79c0-.44-.36-.8-.8-.8h-1.6c-.44 0-.8.36-.8.8v1.86c-.39.12-.75.28-1.1.47l-1.3-1.3c-.3-.3-.79-.3-1.09 0L1.82 2.91c-.3.3-.3.79 0 1.09l1.3 1.3c-.2.34-.36.7-.48 1.09H.79c-.44 0-.8.36-.8.8v1.6c0 .44.36.8.8.8h1.85c.11.37.27.71.45 1.04l-1.36 1.36c-.31.31-.31.82 0 1.13l1.13 1.13c.31.31.82.31 1.13 0l1.36-1.36c.33.18.67.33 1.04.44v1.86c0 .44.36.8.8.8h1.6c.44 0 .8-.36.8-.8v-1.86c.39-.12.75-.28 1.1-.47l1.3 1.3c.3.3.79.3 1.09 0l1.09-1.09c.3-.3.3-.79 0-1.09l-1.3-1.3c.19-.35.36-.71.48-1.1h1.85c.44 0 .8-.36.8-.8v-1.6a.816.816 0 00-.81-.79zm-7.2 4.6c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z" fill-rule="evenodd"></path></svg></span></button><button type="button" title="关闭(Esc)" class="bp5-button bp5-minimal bp5-small"><span aria-hidden="true" class="bp5-icon bp5-icon-cross"><svg data-icon="cross" height="18" role="img" viewBox="0 0 16 16" width="18"><path d="M9.41 8l3.29-3.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71L8 6.59l-3.29-3.3a1.003 1.003 0 00-1.42 1.42L6.59 8 3.3 11.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71L8 9.41l3.29 3.29c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71L9.41 8z" fill-rule="evenodd"></path></svg></span></button></div></div><div class="bp5-collapse"><div class="bp5-collapse-body" aria-hidden="true"><div class="quick-settings bp5-card bp5-elevation-0"><div><span aria-controls="listbox-0" aria-expanded="false" aria-haspopup="listbox" class="lang-select bp5-popover-target" role="combobox"><button type="button" class="bp5-button bp5-small"><span class="bp5-button-text">自动检测</span><span aria-hidden="true" class="bp5-icon bp5-icon-caret-down"><svg data-icon="caret-down" height="16" role="img" viewBox="0 0 16 16" width="16"><path d="M12 6.5c0-.28-.22-.5-.5-.5h-7a.495.495 0 00-.37.83l3.5 4c.09.1.22.17.37.17s.28-.07.37-.17l3.5-4c.08-.09.13-.2.13-.33z" fill-rule="evenodd"></path></svg></span></button></span><span aria-hidden="true" class="bp5-icon bp5-icon-arrow-right" style="margin: 0px 10px;"><svg data-icon="arrow-right" height="12" role="img" viewBox="0 0 16 16" width="12"><path d="M14.7 7.29l-5-5a.965.965 0 00-.71-.3 1.003 1.003 0 00-.71 1.71l3.29 3.29H1.99c-.55 0-1 .45-1 1s.45 1 1 1h9.59l-3.29 3.29a1.003 1.003 0 001.42 1.42l5-5c.18-.18.29-.43.29-.71s-.12-.52-.3-.7z" fill-rule="evenodd"></path></svg></span><span aria-controls="listbox-1" aria-expanded="false" aria-haspopup="listbox" class="lang-select bp5-popover-target" role="combobox"><button type="button" class="bp5-button bp5-small"><span class="bp5-button-text">中文(简体)</span><span aria-hidden="true" class="bp5-icon bp5-icon-caret-down"><svg data-icon="caret-down" height="16" role="img" viewBox="0 0 16 16" width="16"><path d="M12 6.5c0-.28-.22-.5-.5-.5h-7a.495.495 0 00-.37.83l3.5 4c.09.1.22.17.37.17s.28-.07.37-.17l3.5-4c.08-.09.13-.2.13-.33z" fill-rule="evenodd"></path></svg></span></button></span></div><div><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox" checked=""><span class="bp5-control-indicator"></span>谷歌</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox" checked=""><span class="bp5-control-indicator"></span>DeepL</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>ChatGPT</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>Gemini</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>混元</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>文心</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>智谱</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>豆包</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>通义</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>DeepSeek</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>零一</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>MiniMax</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>百川</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>Kimi</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox" checked=""><span class="bp5-control-indicator"></span>百度</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>百度(专业版)</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>腾讯</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>彩云</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>阿里</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>阿里(专业版)</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>有道</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>火山</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>必应词典</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>搜狗</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>Yandex</label></div><div><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>自动朗读</label><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>自动复制</label></div><div class="bp5-radio-group"><label class="bp5-control bp5-radio bp5-inline"><input name="Blueprint5.RadioGroup-0" type="radio" value="small" checked=""><span class="bp5-control-indicator"></span>小</label><label class="bp5-control bp5-radio bp5-inline"><input name="Blueprint5.RadioGroup-0" type="radio" value="middle"><span class="bp5-control-indicator"></span>中</label><label class="bp5-control bp5-radio bp5-inline"><input name="Blueprint5.RadioGroup-0" type="radio" value="large"><span class="bp5-control-indicator"></span>大</label></div><div><label class="bp5-control bp5-checkbox bp5-inline"><input type="checkbox"><span class="bp5-control-indicator"></span>显示文本框</label><label class="bp5-control bp5-checkbox bp5-inline" style="margin-right: 0px;"><input type="checkbox"><span class="bp5-control-indicator"></span>鼠标悬浮取词</label></div><a class="bp5-text-small">打开完整设置</a></div></div></div></div><div class="body"><p>请输入需要翻译的文本。</p></div></div><div class="arrow"></div></div><div id="web-trs-panel"></div></div></div></template></div></div><div id="immersive-translate-popup" style="all: initial"><template shadowrootmode="open"><style>@charset "UTF-8";
/*!
 * Pico.css v1.5.6 (https://picocss.com)
 * Copyright 2019-2022 - Licensed under MIT
 */
/**
 * Theme: default
 */
#mount {
  --font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
    "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
  --line-height: 1.5;
  --font-weight: 400;
  --font-size: 16px;
  --border-radius: 0.25rem;
  --border-width: 1px;
  --outline-width: 3px;
  --spacing: 1rem;
  --typography-spacing-vertical: 1.5rem;
  --block-spacing-vertical: calc(var(--spacing) * 2);
  --block-spacing-horizontal: var(--spacing);
  --grid-spacing-vertical: 0;
  --grid-spacing-horizontal: var(--spacing);
  --form-element-spacing-vertical: 0.75rem;
  --form-element-spacing-horizontal: 1rem;
  --nav-element-spacing-vertical: 1rem;
  --nav-element-spacing-horizontal: 0.5rem;
  --nav-link-spacing-vertical: 0.5rem;
  --nav-link-spacing-horizontal: 0.5rem;
  --form-label-font-weight: var(--font-weight);
  --transition: 0.2s ease-in-out;
  --modal-overlay-backdrop-filter: blur(0.25rem);
}
@media (min-width: 576px) {
  #mount {
    --font-size: 17px;
  }
}
@media (min-width: 768px) {
  #mount {
    --font-size: 18px;
  }
}
@media (min-width: 992px) {
  #mount {
    --font-size: 19px;
  }
}
@media (min-width: 1200px) {
  #mount {
    --font-size: 20px;
  }
}

@media (min-width: 576px) {
  #mount > header,
  #mount > main,
  #mount > footer,
  section {
    --block-spacing-vertical: calc(var(--spacing) * 2.5);
  }
}
@media (min-width: 768px) {
  #mount > header,
  #mount > main,
  #mount > footer,
  section {
    --block-spacing-vertical: calc(var(--spacing) * 3);
  }
}
@media (min-width: 992px) {
  #mount > header,
  #mount > main,
  #mount > footer,
  section {
    --block-spacing-vertical: calc(var(--spacing) * 3.5);
  }
}
@media (min-width: 1200px) {
  #mount > header,
  #mount > main,
  #mount > footer,
  section {
    --block-spacing-vertical: calc(var(--spacing) * 4);
  }
}

@media (min-width: 576px) {
  article {
    --block-spacing-horizontal: calc(var(--spacing) * 1.25);
  }
}
@media (min-width: 768px) {
  article {
    --block-spacing-horizontal: calc(var(--spacing) * 1.5);
  }
}
@media (min-width: 992px) {
  article {
    --block-spacing-horizontal: calc(var(--spacing) * 1.75);
  }
}
@media (min-width: 1200px) {
  article {
    --block-spacing-horizontal: calc(var(--spacing) * 2);
  }
}

dialog > article {
  --block-spacing-vertical: calc(var(--spacing) * 2);
  --block-spacing-horizontal: var(--spacing);
}
@media (min-width: 576px) {
  dialog > article {
    --block-spacing-vertical: calc(var(--spacing) * 2.5);
    --block-spacing-horizontal: calc(var(--spacing) * 1.25);
  }
}
@media (min-width: 768px) {
  dialog > article {
    --block-spacing-vertical: calc(var(--spacing) * 3);
    --block-spacing-horizontal: calc(var(--spacing) * 1.5);
  }
}

a {
  --text-decoration: none;
}
a.secondary,
a.contrast {
  --text-decoration: underline;
}

small {
  --font-size: 0.875em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  --font-weight: 700;
}

h1 {
  --font-size: 2rem;
  --typography-spacing-vertical: 3rem;
}

h2 {
  --font-size: 1.75rem;
  --typography-spacing-vertical: 2.625rem;
}

h3 {
  --font-size: 1.5rem;
  --typography-spacing-vertical: 2.25rem;
}

h4 {
  --font-size: 1.25rem;
  --typography-spacing-vertical: 1.874rem;
}

h5 {
  --font-size: 1.125rem;
  --typography-spacing-vertical: 1.6875rem;
}

[type="checkbox"],
[type="radio"] {
  --border-width: 2px;
}

[type="checkbox"][role="switch"] {
  --border-width: 3px;
}

thead th,
thead td,
tfoot th,
tfoot td {
  --border-width: 3px;
}

:not(thead, tfoot) > * > td {
  --font-size: 0.875em;
}

pre,
code,
kbd,
samp {
  --font-family: "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace",
    "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

kbd {
  --font-weight: bolder;
}

[data-theme="light"],
#mount:not([data-theme="dark"]) {
  --background-color: #fff;
  --background-light-green: #F5F7F9;
  --color: hsl(205deg, 20%, 32%);
  --h1-color: hsl(205deg, 30%, 15%);
  --h2-color: #24333e;
  --h3-color: hsl(205deg, 25%, 23%);
  --h4-color: #374956;
  --h5-color: hsl(205deg, 20%, 32%);
  --h6-color: #4d606d;
  --muted-color: hsl(205deg, 10%, 50%);
  --muted-border-color: hsl(205deg, 20%, 94%);
  --primary: hsl(195deg, 85%, 41%);
  --primary-hover: hsl(195deg, 90%, 32%);
  --primary-focus: rgba(16, 149, 193, 0.125);
  --primary-inverse: #fff;
  --secondary: hsl(205deg, 15%, 41%);
  --secondary-hover: hsl(205deg, 20%, 32%);
  --secondary-focus: rgba(89, 107, 120, 0.125);
  --secondary-inverse: #fff;
  --contrast: hsl(205deg, 30%, 15%);
  --contrast-hover: #000;
  --contrast-focus: rgba(89, 107, 120, 0.125);
  --contrast-inverse: #fff;
  --mark-background-color: #fff2ca;
  --mark-color: #543a26;
  --ins-color: #388e3c;
  --del-color: #c62828;
  --blockquote-border-color: var(--muted-border-color);
  --blockquote-footer-color: var(--muted-color);
  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  --form-element-background-color: transparent;
  --form-element-border-color: hsl(205deg, 14%, 68%);
  --form-element-color: var(--color);
  --form-element-placeholder-color: var(--muted-color);
  --form-element-active-background-color: transparent;
  --form-element-active-border-color: var(--primary);
  --form-element-focus-color: var(--primary-focus);
  --form-element-disabled-background-color: hsl(205deg, 18%, 86%);
  --form-element-disabled-border-color: hsl(205deg, 14%, 68%);
  --form-element-disabled-opacity: 0.5;
  --form-element-invalid-border-color: #c62828;
  --form-element-invalid-active-border-color: #d32f2f;
  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);
  --form-element-valid-border-color: #388e3c;
  --form-element-valid-active-border-color: #43a047;
  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);
  --switch-background-color: hsl(205deg, 16%, 77%);
  --switch-color: var(--primary-inverse);
  --switch-checked-background-color: var(--primary);
  --range-border-color: hsl(205deg, 18%, 86%);
  --range-active-border-color: hsl(205deg, 16%, 77%);
  --range-thumb-border-color: var(--background-color);
  --range-thumb-color: var(--secondary);
  --range-thumb-hover-color: var(--secondary-hover);
  --range-thumb-active-color: var(--primary);
  --table-border-color: var(--muted-border-color);
  --table-row-stripped-background-color: #f6f8f9;
  --code-background-color: hsl(205deg, 20%, 94%);
  --code-color: var(--muted-color);
  --code-kbd-background-color: var(--contrast);
  --code-kbd-color: var(--contrast-inverse);
  --code-tag-color: hsl(330deg, 40%, 50%);
  --code-property-color: hsl(185deg, 40%, 40%);
  --code-value-color: hsl(40deg, 20%, 50%);
  --code-comment-color: hsl(205deg, 14%, 68%);
  --accordion-border-color: var(--muted-border-color);
  --accordion-close-summary-color: var(--color);
  --accordion-open-summary-color: var(--muted-color);
  --card-background-color: var(--background-color);
  --card-border-color: var(--muted-border-color);
  --card-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(27, 40, 50, 0.01698),
    0.0335rem 0.067rem 0.402rem rgba(27, 40, 50, 0.024),
    0.0625rem 0.125rem 0.75rem rgba(27, 40, 50, 0.03),
    0.1125rem 0.225rem 1.35rem rgba(27, 40, 50, 0.036),
    0.2085rem 0.417rem 2.502rem rgba(27, 40, 50, 0.04302),
    0.5rem 1rem 6rem rgba(27, 40, 50, 0.06),
    0 0 0 0.0625rem rgba(27, 40, 50, 0.015);
  --card-sectionning-background-color: #fbfbfc;
  --dropdown-background-color: #fbfbfc;
  --dropdown-border-color: #e1e6eb;
  --dropdown-box-shadow: var(--card-box-shadow);
  --dropdown-color: var(--color);
  --dropdown-hover-background-color: hsl(205deg, 20%, 94%);
  --modal-overlay-background-color: rgba(213, 220, 226, 0.7);
  --progress-background-color: hsl(205deg, 18%, 86%);
  --progress-color: var(--primary);
  --loading-spinner-opacity: 0.5;
  --tooltip-background-color: var(--contrast);
  --tooltip-color: var(--contrast-inverse);
  --icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
  --icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
  --icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(198, 40, 40)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
  --icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
  --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
  --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(56, 142, 60)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-share: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTguOTM0OCA4LjY0ODQ0QzIwLjg5NDEgOC42NDg0NCAyMi40ODU1IDcuMDU0NjkgMjIuNDg1NSA1LjA5NzY2QzIyLjQ4NTUgMy4xNDA2MiAyMC44OTE4IDEuNTQ2ODggMTguOTM0OCAxLjU0Njg4QzE2Ljk3NTQgMS41NDY4OCAxNS4zODQgMy4xNDA2MiAxNS4zODQgNS4wOTc2NkMxNS4zODQgNS4yOTkyMiAxNS40MDA0IDUuNDkzNzUgMTUuNDMzMiA1LjY4NTk0TDcuMzIzODMgOS4zNTM5MUM2LjcwOTc3IDguODQ1MzEgNS45MjIyNyA4LjU0MDYyIDUuMDY0NDUgOC41NDA2MkMzLjEwNTA4IDguNTQwNjIgMS41MTM2NyAxMC4xMzQ0IDEuNTEzNjcgMTIuMDkxNEMxLjUxMzY3IDE0LjA0ODQgMy4xMDc0MiAxNS42NDIyIDUuMDY0NDUgMTUuNjQyMkM1LjgzMzIgMTUuNjQyMiA2LjU0NTcgMTUuMzk2MSA3LjEyNjk1IDE0Ljk4MTNMMTIuNDk0MSAxNy45OTUzQzEyLjQxNjggMTguMjg1OSAxMi4zNzcgMTguNTg4MyAxMi4zNzcgMTguOTAyM0MxMi4zNzcgMjAuODYxNyAxMy45NzA3IDIyLjQ1MzEgMTUuOTI3NyAyMi40NTMxQzE3Ljg4NzEgMjIuNDUzMSAxOS40Nzg1IDIwLjg1OTQgMTkuNDc4NSAxOC45MDIzQzE5LjQ3ODUgMTYuOTQzIDE3Ljg4NDggMTUuMzUxNiAxNS45Mjc3IDE1LjM1MTZDMTQuOTU3NCAxNS4zNTE2IDE0LjA3ODUgMTUuNzQzIDEzLjQzNjMgMTYuMzczNEw4LjMyMjI3IDEzLjUwNDdDOC41MDk3NyAxMy4wNzExIDguNjE1MjMgMTIuNTk1MyA4LjYxNTIzIDEyLjA5MzhDOC42MTUyMyAxMS42ODEyIDguNTQ0OTIgMTEuMjg3NSA4LjQxNjAyIDEwLjkxOTVMMTYuMjIzIDcuMzg3NUMxNi44NzQ2IDguMTU2MjUgMTcuODQ5NiA4LjY0ODQ0IDE4LjkzNDggOC42NDg0NFpNNS4wNjQ0NSAxMy43Njk1QzQuMTQxMDIgMTMuNzY5NSAzLjM4ODY3IDEzLjAxNzIgMy4zODg2NyAxMi4wOTM4QzMuMzg4NjcgMTEuMTcwMyA0LjE0MTAyIDEwLjQxOCA1LjA2NDQ1IDEwLjQxOEM1Ljk4Nzg5IDEwLjQxOCA2Ljc0MDIzIDExLjE3MDMgNi43NDAyMyAxMi4wOTM4QzYuNzQwMjMgMTMuMDE3MiA1Ljk4Nzg5IDEzLjc2OTUgNS4wNjQ0NSAxMy43Njk1Wk0xNS45Mjc3IDE3LjIyNjZDMTYuODUxMiAxNy4yMjY2IDE3LjYwMzUgMTcuOTc4OSAxNy42MDM1IDE4LjkwMjNDMTcuNjAzNSAxOS44MjU4IDE2Ljg1MTIgMjAuNTc4MSAxNS45Mjc3IDIwLjU3ODFDMTUuMDA0MyAyMC41NzgxIDE0LjI1MiAxOS44MjU4IDE0LjI1MiAxOC45MDIzQzE0LjI1MiAxNy45Nzg5IDE1LjAwMiAxNy4yMjY2IDE1LjkyNzcgMTcuMjI2NlpNMTguOTM0OCAzLjQxOTUzQzE5Ljg1ODIgMy40MTk1MyAyMC42MTA1IDQuMTcxODcgMjAuNjEwNSA1LjA5NTMxQzIwLjYxMDUgNi4wMTg3NSAxOS44NTgyIDYuNzcxMDkgMTguOTM0OCA2Ljc3MTA5QzE4LjAxMTMgNi43NzEwOSAxNy4yNTkgNi4wMTg3NSAxNy4yNTkgNS4wOTUzMUMxNy4yNTkgNC4xNzE4NyAxOC4wMTEzIDMuNDE5NTMgMTguOTM0OCAzLjQxOTUzWicgZmlsbD0nIzgzODM4MycvPjwvc3ZnPiA=");
  --float-ball-more-button-border-color: #F6F6F6;
  --float-ball-more-button-background-color: #FCFCFC;
  --float-ball-more-button-svg-color: #6C6F73;
  color-scheme: light;
  --service-bg-hover:#F7FAFF;
}

@media only screen and (prefers-color-scheme: dark) {
  #mount:not([data-theme="light"]) {
    --background-color: #11191f;
    --background-light-green: #141e26;
    --color: hsl(205deg, 16%, 77%);
    --h1-color: hsl(205deg, 20%, 94%);
    --h2-color: #e1e6eb;
    --h3-color: hsl(205deg, 18%, 86%);
    --h4-color: #c8d1d8;
    --h5-color: hsl(205deg, 16%, 77%);
    --h6-color: #afbbc4;
    --muted-color: hsl(205deg, 10%, 50%);
    --muted-border-color: #1f2d38;
    --primary: hsl(195deg, 85%, 41%);
    --primary-hover: hsl(195deg, 80%, 50%);
    --primary-focus: rgba(16, 149, 193, 0.25);
    --primary-inverse: #fff;
    --secondary: hsl(205deg, 15%, 41%);
    --secondary-hover: hsl(205deg, 10%, 50%);
    --secondary-focus: rgba(115, 130, 140, 0.25);
    --secondary-inverse: #fff;
    --contrast: hsl(205deg, 20%, 94%);
    --contrast-hover: #fff;
    --contrast-focus: rgba(115, 130, 140, 0.25);
    --contrast-inverse: #000;
    --mark-background-color: #d1c284;
    --mark-color: #11191f;
    --ins-color: #388e3c;
    --del-color: #c62828;
    --blockquote-border-color: var(--muted-border-color);
    --blockquote-footer-color: var(--muted-color);
    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    --form-element-background-color: #11191f;
    --form-element-border-color: #374956;
    --form-element-color: var(--color);
    --form-element-placeholder-color: var(--muted-color);
    --form-element-active-background-color: var(
      --form-element-background-color
    );
    --form-element-active-border-color: var(--primary);
    --form-element-focus-color: var(--primary-focus);
    --form-element-disabled-background-color: hsl(205deg, 25%, 23%);
    --form-element-disabled-border-color: hsl(205deg, 20%, 32%);
    --form-element-disabled-opacity: 0.5;
    --form-element-invalid-border-color: #b71c1c;
    --form-element-invalid-active-border-color: #c62828;
    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);
    --form-element-valid-border-color: #2e7d32;
    --form-element-valid-active-border-color: #388e3c;
    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);
    --switch-background-color: #374956;
    --switch-color: var(--primary-inverse);
    --switch-checked-background-color: var(--primary);
    --range-border-color: #24333e;
    --range-active-border-color: hsl(205deg, 25%, 23%);
    --range-thumb-border-color: var(--background-color);
    --range-thumb-color: var(--secondary);
    --range-thumb-hover-color: var(--secondary-hover);
    --range-thumb-active-color: var(--primary);
    --table-border-color: var(--muted-border-color);
    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);
    --code-background-color: #18232c;
    --code-color: var(--muted-color);
    --code-kbd-background-color: var(--contrast);
    --code-kbd-color: var(--contrast-inverse);
    --code-tag-color: hsl(330deg, 30%, 50%);
    --code-property-color: hsl(185deg, 30%, 50%);
    --code-value-color: hsl(40deg, 10%, 50%);
    --code-comment-color: #4d606d;
    --accordion-border-color: var(--muted-border-color);
    --accordion-active-summary-color: var(--primary);
    --accordion-close-summary-color: var(--color);
    --accordion-open-summary-color: var(--muted-color);
    --card-background-color: #141e26;
    --card-border-color: var(--card-background-color);
    --card-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),
      0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),
      0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),
      0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),
      0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),
      0.5rem 1rem 6rem rgba(0, 0, 0, 0.06), 0 0 0 0.0625rem rgba(0, 0, 0, 0.015);
    --card-sectionning-background-color: #18232c;
    --dropdown-background-color: hsl(205deg, 30%, 15%);
    --dropdown-border-color: #24333e;
    --dropdown-box-shadow: var(--card-box-shadow);
    --dropdown-color: var(--color);
    --dropdown-hover-background-color: rgba(36, 51, 62, 0.75);
    --modal-overlay-background-color: rgba(36, 51, 62, 0.8);
    --progress-background-color: #24333e;
    --progress-color: var(--primary);
    --loading-spinner-opacity: 0.5;
    --tooltip-background-color: var(--contrast);
    --tooltip-color: var(--contrast-inverse);
    --icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    --icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    --icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    --icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
    --icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
    --icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
    --icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
    --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
    --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
    --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    --icon-share: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjInIGhlaWdodD0nMjInIHZpZXdCb3g9JzAgMCAyMiAyMicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTcuOTM0OCA3LjY0ODQ0QzE5Ljg5NDEgNy42NDg0NCAyMS40ODU1IDYuMDU0NjkgMjEuNDg1NSA0LjA5NzY2QzIxLjQ4NTUgMi4xNDA2MiAxOS44OTE4IDAuNTQ2ODc1IDE3LjkzNDggMC41NDY4NzVDMTUuOTc1NCAwLjU0Njg3NSAxNC4zODQgMi4xNDA2MiAxNC4zODQgNC4wOTc2NkMxNC4zODQgNC4yOTkyMiAxNC40MDA0IDQuNDkzNzUgMTQuNDMzMiA0LjY4NTk0TDYuMzIzODMgOC4zNTM5MUM1LjcwOTc3IDcuODQ1MzEgNC45MjIyNyA3LjU0MDYyIDQuMDY0NDUgNy41NDA2MkMyLjEwNTA4IDcuNTQwNjIgMC41MTM2NzIgOS4xMzQzOCAwLjUxMzY3MiAxMS4wOTE0QzAuNTEzNjcyIDEzLjA0ODQgMi4xMDc0MiAxNC42NDIyIDQuMDY0NDUgMTQuNjQyMkM0LjgzMzIgMTQuNjQyMiA1LjU0NTcgMTQuMzk2MSA2LjEyNjk1IDEzLjk4MTNMMTEuNDk0MSAxNi45OTUzQzExLjQxNjggMTcuMjg1OSAxMS4zNzcgMTcuNTg4MyAxMS4zNzcgMTcuOTAyM0MxMS4zNzcgMTkuODYxNyAxMi45NzA3IDIxLjQ1MzEgMTQuOTI3NyAyMS40NTMxQzE2Ljg4NzEgMjEuNDUzMSAxOC40Nzg1IDE5Ljg1OTQgMTguNDc4NSAxNy45MDIzQzE4LjQ3ODUgMTUuOTQzIDE2Ljg4NDggMTQuMzUxNiAxNC45Mjc3IDE0LjM1MTZDMTMuOTU3NCAxNC4zNTE2IDEzLjA3ODUgMTQuNzQzIDEyLjQzNjMgMTUuMzczNEw3LjMyMjI3IDEyLjUwNDdDNy41MDk3NyAxMi4wNzExIDcuNjE1MjMgMTEuNTk1MyA3LjYxNTIzIDExLjA5MzhDNy42MTUyMyAxMC42ODEyIDcuNTQ0OTIgMTAuMjg3NSA3LjQxNjAyIDkuOTE5NTNMMTUuMjIzIDYuMzg3NUMxNS44NzQ2IDcuMTU2MjUgMTYuODQ5NiA3LjY0ODQ0IDE3LjkzNDggNy42NDg0NFpNNC4wNjQ0NSAxMi43Njk1QzMuMTQxMDIgMTIuNzY5NSAyLjM4ODY3IDEyLjAxNzIgMi4zODg2NyAxMS4wOTM4QzIuMzg4NjcgMTAuMTcwMyAzLjE0MTAyIDkuNDE3OTcgNC4wNjQ0NSA5LjQxNzk3QzQuOTg3ODkgOS40MTc5NyA1Ljc0MDIzIDEwLjE3MDMgNS43NDAyMyAxMS4wOTM4QzUuNzQwMjMgMTIuMDE3MiA0Ljk4Nzg5IDEyLjc2OTUgNC4wNjQ0NSAxMi43Njk1Wk0xNC45Mjc3IDE2LjIyNjZDMTUuODUxMiAxNi4yMjY2IDE2LjYwMzUgMTYuOTc4OSAxNi42MDM1IDE3LjkwMjNDMTYuNjAzNSAxOC44MjU4IDE1Ljg1MTIgMTkuNTc4MSAxNC45Mjc3IDE5LjU3ODFDMTQuMDA0MyAxOS41NzgxIDEzLjI1MiAxOC44MjU4IDEzLjI1MiAxNy45MDIzQzEzLjI1MiAxNi45Nzg5IDE0LjAwMiAxNi4yMjY2IDE0LjkyNzcgMTYuMjI2NlpNMTcuOTM0OCAyLjQxOTUzQzE4Ljg1ODIgMi40MTk1MyAxOS42MTA1IDMuMTcxODcgMTkuNjEwNSA0LjA5NTMxQzE5LjYxMDUgNS4wMTg3NSAxOC44NTgyIDUuNzcxMDkgMTcuOTM0OCA1Ljc3MTA5QzE3LjAxMTMgNS43NzEwOSAxNi4yNTkgNS4wMTg3NSAxNi4yNTkgNC4wOTUzMUMxNi4yNTkgMy4xNzE4NyAxNy4wMTEzIDIuNDE5NTMgMTcuOTM0OCAyLjQxOTUzWicgZmlsbD0nI0I2QjZCNicvPjwvc3ZnPiA=");
    color-scheme: dark;
    --service-bg-hover:#22292F;
  }
}
[data-theme="dark"] {
  --background-color: #11191f;
  --background-light-green: #141e26;
  --color: hsl(205deg, 16%, 77%);
  --h1-color: hsl(205deg, 20%, 94%);
  --h2-color: #e1e6eb;
  --h3-color: hsl(205deg, 18%, 86%);
  --h4-color: #c8d1d8;
  --h5-color: hsl(205deg, 16%, 77%);
  --h6-color: #afbbc4;
  --muted-color: hsl(205deg, 10%, 50%);
  --muted-border-color: #1f2d38;
  --primary: hsl(195deg, 85%, 41%);
  --primary-hover: hsl(195deg, 80%, 50%);
  --primary-focus: rgba(16, 149, 193, 0.25);
  --primary-inverse: #fff;
  --secondary: hsl(205deg, 15%, 41%);
  --secondary-hover: hsl(205deg, 10%, 50%);
  --secondary-focus: rgba(115, 130, 140, 0.25);
  --secondary-inverse: #fff;
  --contrast: hsl(205deg, 20%, 94%);
  --contrast-hover: #fff;
  --contrast-focus: rgba(115, 130, 140, 0.25);
  --contrast-inverse: #000;
  --mark-background-color: #d1c284;
  --mark-color: #11191f;
  --ins-color: #388e3c;
  --del-color: #c62828;
  --blockquote-border-color: var(--muted-border-color);
  --blockquote-footer-color: var(--muted-color);
  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  --form-element-background-color: #11191f;
  --form-element-border-color: #374956;
  --form-element-color: var(--color);
  --form-element-placeholder-color: var(--muted-color);
  --form-element-active-background-color: var(--form-element-background-color);
  --form-element-active-border-color: var(--primary);
  --form-element-focus-color: var(--primary-focus);
  --form-element-disabled-background-color: hsl(205deg, 25%, 23%);
  --form-element-disabled-border-color: hsl(205deg, 20%, 32%);
  --form-element-disabled-opacity: 0.5;
  --form-element-invalid-border-color: #b71c1c;
  --form-element-invalid-active-border-color: #c62828;
  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);
  --form-element-valid-border-color: #2e7d32;
  --form-element-valid-active-border-color: #388e3c;
  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);
  --switch-background-color: #374956;
  --switch-color: var(--primary-inverse);
  --switch-checked-background-color: var(--primary);
  --range-border-color: #24333e;
  --range-active-border-color: hsl(205deg, 25%, 23%);
  --range-thumb-border-color: var(--background-color);
  --range-thumb-color: var(--secondary);
  --range-thumb-hover-color: var(--secondary-hover);
  --range-thumb-active-color: var(--primary);
  --table-border-color: var(--muted-border-color);
  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);
  --code-background-color: #18232c;
  --code-color: var(--muted-color);
  --code-kbd-background-color: var(--contrast);
  --code-kbd-color: var(--contrast-inverse);
  --code-tag-color: hsl(330deg, 30%, 50%);
  --code-property-color: hsl(185deg, 30%, 50%);
  --code-value-color: hsl(40deg, 10%, 50%);
  --code-comment-color: #4d606d;
  --accordion-border-color: var(--muted-border-color);
  --accordion-active-summary-color: var(--primary);
  --accordion-close-summary-color: var(--color);
  --accordion-open-summary-color: var(--muted-color);
  --card-background-color: #141e26;
  --card-border-color: var(--card-background-color);
  --card-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),
    0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),
    0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),
    0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),
    0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),
    0.5rem 1rem 6rem rgba(0, 0, 0, 0.06), 0 0 0 0.0625rem rgba(0, 0, 0, 0.015);
  --card-sectionning-background-color: #18232c;
  --dropdown-background-color: hsl(205deg, 30%, 15%);
  --dropdown-border-color: #24333e;
  --dropdown-box-shadow: var(--card-box-shadow);
  --dropdown-color: var(--color);
  --dropdown-hover-background-color: rgba(36, 51, 62, 0.75);
  --modal-overlay-background-color: rgba(36, 51, 62, 0.8);
  --progress-background-color: #24333e;
  --progress-color: var(--primary);
  --loading-spinner-opacity: 0.5;
  --tooltip-background-color: var(--contrast);
  --tooltip-color: var(--contrast-inverse);
  --icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
  --icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
  --icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
  --icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
  --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
  --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  --icon-share: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjInIGhlaWdodD0nMjInIHZpZXdCb3g9JzAgMCAyMiAyMicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTcuOTM0OCA3LjY0ODQ0QzE5Ljg5NDEgNy42NDg0NCAyMS40ODU1IDYuMDU0NjkgMjEuNDg1NSA0LjA5NzY2QzIxLjQ4NTUgMi4xNDA2MiAxOS44OTE4IDAuNTQ2ODc1IDE3LjkzNDggMC41NDY4NzVDMTUuOTc1NCAwLjU0Njg3NSAxNC4zODQgMi4xNDA2MiAxNC4zODQgNC4wOTc2NkMxNC4zODQgNC4yOTkyMiAxNC40MDA0IDQuNDkzNzUgMTQuNDMzMiA0LjY4NTk0TDYuMzIzODMgOC4zNTM5MUM1LjcwOTc3IDcuODQ1MzEgNC45MjIyNyA3LjU0MDYyIDQuMDY0NDUgNy41NDA2MkMyLjEwNTA4IDcuNTQwNjIgMC41MTM2NzIgOS4xMzQzOCAwLjUxMzY3MiAxMS4wOTE0QzAuNTEzNjcyIDEzLjA0ODQgMi4xMDc0MiAxNC42NDIyIDQuMDY0NDUgMTQuNjQyMkM0LjgzMzIgMTQuNjQyMiA1LjU0NTcgMTQuMzk2MSA2LjEyNjk1IDEzLjk4MTNMMTEuNDk0MSAxNi45OTUzQzExLjQxNjggMTcuMjg1OSAxMS4zNzcgMTcuNTg4MyAxMS4zNzcgMTcuOTAyM0MxMS4zNzcgMTkuODYxNyAxMi45NzA3IDIxLjQ1MzEgMTQuOTI3NyAyMS40NTMxQzE2Ljg4NzEgMjEuNDUzMSAxOC40Nzg1IDE5Ljg1OTQgMTguNDc4NSAxNy45MDIzQzE4LjQ3ODUgMTUuOTQzIDE2Ljg4NDggMTQuMzUxNiAxNC45Mjc3IDE0LjM1MTZDMTMuOTU3NCAxNC4zNTE2IDEzLjA3ODUgMTQuNzQzIDEyLjQzNjMgMTUuMzczNEw3LjMyMjI3IDEyLjUwNDdDNy41MDk3NyAxMi4wNzExIDcuNjE1MjMgMTEuNTk1MyA3LjYxNTIzIDExLjA5MzhDNy42MTUyMyAxMC42ODEyIDcuNTQ0OTIgMTAuMjg3NSA3LjQxNjAyIDkuOTE5NTNMMTUuMjIzIDYuMzg3NUMxNS44NzQ2IDcuMTU2MjUgMTYuODQ5NiA3LjY0ODQ0IDE3LjkzNDggNy42NDg0NFpNNC4wNjQ0NSAxMi43Njk1QzMuMTQxMDIgMTIuNzY5NSAyLjM4ODY3IDEyLjAxNzIgMi4zODg2NyAxMS4wOTM4QzIuMzg4NjcgMTAuMTcwMyAzLjE0MTAyIDkuNDE3OTcgNC4wNjQ0NSA5LjQxNzk3QzQuOTg3ODkgOS40MTc5NyA1Ljc0MDIzIDEwLjE3MDMgNS43NDAyMyAxMS4wOTM4QzUuNzQwMjMgMTIuMDE3MiA0Ljk4Nzg5IDEyLjc2OTUgNC4wNjQ0NSAxMi43Njk1Wk0xNC45Mjc3IDE2LjIyNjZDMTUuODUxMiAxNi4yMjY2IDE2LjYwMzUgMTYuOTc4OSAxNi42MDM1IDE3LjkwMjNDMTYuNjAzNSAxOC44MjU4IDE1Ljg1MTIgMTkuNTc4MSAxNC45Mjc3IDE5LjU3ODFDMTQuMDA0MyAxOS41NzgxIDEzLjI1MiAxOC44MjU4IDEzLjI1MiAxNy45MDIzQzEzLjI1MiAxNi45Nzg5IDE0LjAwMiAxNi4yMjY2IDE0LjkyNzcgMTYuMjI2NlpNMTcuOTM0OCAyLjQxOTUzQzE4Ljg1ODIgMi40MTk1MyAxOS42MTA1IDMuMTcxODcgMTkuNjEwNSA0LjA5NTMxQzE5LjYxMDUgNS4wMTg3NSAxOC44NTgyIDUuNzcxMDkgMTcuOTM0OCA1Ljc3MTA5QzE3LjAxMTMgNS43NzEwOSAxNi4yNTkgNS4wMTg3NSAxNi4yNTkgNC4wOTUzMUMxNi4yNTkgMy4xNzE4NyAxNy4wMTEzIDIuNDE5NTMgMTcuOTM0OCAyLjQxOTUzWicgZmlsbD0nI0I2QjZCNicvPjwvc3ZnPiA=");
  color-scheme: dark;
}

progress,
[type="checkbox"],
[type="radio"],
[type="range"] {
  accent-color: var(--primary);
}

/**
 * Document
 * Content-box & Responsive typography
 */
*,
*::before,
*::after {
  box-sizing: border-box;
  background-repeat: no-repeat;
}

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

:where(#mount) {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  background-color: var(--background-color);
  color: var(--color);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  line-height: var(--line-height);
  font-family: var(--font-family);
  text-rendering: optimizeLegibility;
  overflow-wrap: break-word;
  cursor: default;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}

/**
 * Sectioning
 * Container and responsive spacings for header, main, footer
 */
main {
  display: block;
}

#mount {
  width: 100%;
  margin: 0;
}
#mount > header,
#mount > main,
#mount > footer {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);
}
@media (min-width: 576px) {
  #mount > header,
  #mount > main,
  #mount > footer {
    max-width: 510px;
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  #mount > header,
  #mount > main,
  #mount > footer {
    max-width: 700px;
  }
}
@media (min-width: 992px) {
  #mount > header,
  #mount > main,
  #mount > footer {
    max-width: 920px;
  }
}
@media (min-width: 1200px) {
  #mount > header,
  #mount > main,
  #mount > footer {
    max-width: 1130px;
  }
}

/**
* Container
*/
.container,
.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--spacing);
  padding-left: var(--spacing);
}

@media (min-width: 576px) {
  .container {
    max-width: 510px;
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 700px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 920px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1130px;
  }
}

/**
 * Section
 * Responsive spacings for section
 */
section {
  margin-bottom: var(--block-spacing-vertical);
}

/**
* Grid
* Minimal grid system with auto-layout columns
*/
.grid {
  grid-column-gap: var(--grid-spacing-horizontal);
  grid-row-gap: var(--grid-spacing-vertical);
  display: grid;
  grid-template-columns: 1fr;
  margin: 0;
}
@media (min-width: 992px) {
  .grid {
    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
  }
}
.grid > * {
  min-width: 0;
}

/**
 * Horizontal scroller (<figure>)
 */
figure {
  display: block;
  margin: 0;
  padding: 0;
  overflow-x: auto;
}
figure figcaption {
  padding: calc(var(--spacing) * 0.5) 0;
  color: var(--muted-color);
}

/**
 * Typography
 */
b,
strong {
  font-weight: bolder;
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

address,
blockquote,
dl,
figure,
form,
ol,
p,
pre,
table,
ul {
  margin-top: 0;
  margin-bottom: var(--typography-spacing-vertical);
  color: var(--color);
  font-style: normal;
  font-weight: var(--font-weight);
  font-size: var(--font-size);
}

a,
[role="link"] {
  --color: var(--primary);
  --background-color: transparent;
  outline: none;
  background-color: var(--background-color);
  color: var(--color);
  -webkit-text-decoration: var(--text-decoration);
  text-decoration: var(--text-decoration);
  transition: background-color var(--transition), color var(--transition),
    box-shadow var(--transition), -webkit-text-decoration var(--transition);
  transition: background-color var(--transition), color var(--transition),
    text-decoration var(--transition), box-shadow var(--transition);
  transition: background-color var(--transition), color var(--transition),
    text-decoration var(--transition), box-shadow var(--transition),
    -webkit-text-decoration var(--transition);
}
a:is([aria-current], :hover, :active, :focus),
[role="link"]:is([aria-current], :hover, :active, :focus) {
  --color: var(--primary-hover);
  --text-decoration: underline;
}
a:focus,
[role="link"]:focus {
  --background-color: var(--primary-focus);
}
a.secondary,
[role="link"].secondary {
  --color: var(--secondary);
}
a.secondary:is([aria-current], :hover, :active, :focus),
[role="link"].secondary:is([aria-current], :hover, :active, :focus) {
  --color: var(--secondary-hover);
}
a.secondary:focus,
[role="link"].secondary:focus {
  --background-color: var(--secondary-focus);
}
a.contrast,
[role="link"].contrast {
  --color: var(--contrast);
}
a.contrast:is([aria-current], :hover, :active, :focus),
[role="link"].contrast:is([aria-current], :hover, :active, :focus) {
  --color: var(--contrast-hover);
}
a.contrast:focus,
[role="link"].contrast:focus {
  --background-color: var(--contrast-focus);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: var(--typography-spacing-vertical);
  color: var(--color);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  font-family: var(--font-family);
}

h1 {
  --color: var(--h1-color);
}

h2 {
  --color: var(--h2-color);
}

h3 {
  --color: var(--h3-color);
}

h4 {
  --color: var(--h4-color);
}

h5 {
  --color: var(--h5-color);
}

h6 {
  --color: var(--h6-color);
}

:where(address, blockquote, dl, figure, form, ol, p, pre, table, ul)
  ~ :is(h1, h2, h3, h4, h5, h6) {
  margin-top: var(--typography-spacing-vertical);
}

hgroup,
.headings {
  margin-bottom: var(--typography-spacing-vertical);
}
hgroup > *,
.headings > * {
  margin-bottom: 0;
}
hgroup > *:last-child,
.headings > *:last-child {
  --color: var(--muted-color);
  --font-weight: unset;
  font-size: 1rem;
  font-family: unset;
}

p {
  margin-bottom: var(--typography-spacing-vertical);
}

small {
  font-size: var(--font-size);
}

:where(dl, ol, ul) {
  padding-right: 0;
  padding-left: var(--spacing);
  -webkit-padding-start: var(--spacing);
  padding-inline-start: var(--spacing);
  -webkit-padding-end: 0;
  padding-inline-end: 0;
}
:where(dl, ol, ul) li {
  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);
}

:where(dl, ol, ul) :is(dl, ol, ul) {
  margin: 0;
  margin-top: calc(var(--typography-spacing-vertical) * 0.25);
}

ul li {
  list-style: square;
}

mark {
  padding: 0.125rem 0.25rem;
  background-color: var(--mark-background-color);
  color: var(--mark-color);
  vertical-align: baseline;
}

blockquote {
  display: block;
  margin: var(--typography-spacing-vertical) 0;
  padding: var(--spacing);
  border-right: none;
  border-left: 0.25rem solid var(--blockquote-border-color);
  -webkit-border-start: 0.25rem solid var(--blockquote-border-color);
  border-inline-start: 0.25rem solid var(--blockquote-border-color);
  -webkit-border-end: none;
  border-inline-end: none;
}
blockquote footer {
  margin-top: calc(var(--typography-spacing-vertical) * 0.5);
  color: var(--blockquote-footer-color);
}

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none;
  cursor: help;
}

ins {
  color: var(--ins-color);
  text-decoration: none;
}

del {
  color: var(--del-color);
}

::-moz-selection {
  background-color: var(--primary-focus);
}

::selection {
  background-color: var(--primary-focus);
}

/**
 * Embedded content
 */
:where(audio, canvas, iframe, img, svg, video) {
  vertical-align: middle;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

:where(iframe) {
  border-style: none;
}

img {
  max-width: 100%;
  height: auto;
  border-style: none;
}

:where(svg:not([fill])) {
  fill: currentColor;
}

svg:not(#mount) {
  overflow: hidden;
}

/**
 * Button
 */
button {
  margin: 0;
  overflow: visible;
  font-family: inherit;
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button {
  display: block;
  width: 100%;
  margin-bottom: var(--spacing);
}

[role="button"] {
  display: inline-block;
  text-decoration: none;
}

button,
input[type="submit"],
input[type="button"],
input[type="reset"],
[role="button"] {
  --background-color: var(--primary);
  --border-color: var(--primary);
  --color: var(--primary-inverse);
  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
  padding: var(--form-element-spacing-vertical)
    var(--form-element-spacing-horizontal);
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
  outline: none;
  background-color: var(--background-color);
  box-shadow: var(--box-shadow);
  color: var(--color);
  font-weight: var(--font-weight);
  font-size: 1rem;
  line-height: var(--line-height);
  text-align: center;
  cursor: pointer;
  transition: background-color var(--transition), border-color var(--transition),
    color var(--transition), box-shadow var(--transition);
}
button:is([aria-current], :hover, :active, :focus),
input[type="submit"]:is([aria-current], :hover, :active, :focus),
input[type="button"]:is([aria-current], :hover, :active, :focus),
input[type="reset"]:is([aria-current], :hover, :active, :focus),
[role="button"]:is([aria-current], :hover, :active, :focus) {
  --background-color: var(--primary-hover);
  --border-color: var(--primary-hover);
  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
  --color: var(--primary-inverse);
}
button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
[role="button"]:focus {
  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
    0 0 0 var(--outline-width) var(--primary-focus);
}

:is(
    button,
    input[type="submit"],
    input[type="button"],
    [role="button"]
  ).secondary,
input[type="reset"] {
  --background-color: var(--secondary);
  --border-color: var(--secondary);
  --color: var(--secondary-inverse);
  cursor: pointer;
}
:is(
    button,
    input[type="submit"],
    input[type="button"],
    [role="button"]
  ).secondary:is([aria-current], :hover, :active, :focus),
input[type="reset"]:is([aria-current], :hover, :active, :focus) {
  --background-color: var(--secondary-hover);
  --border-color: var(--secondary-hover);
  --color: var(--secondary-inverse);
}
:is(
    button,
    input[type="submit"],
    input[type="button"],
    [role="button"]
  ).secondary:focus,
input[type="reset"]:focus {
  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
    0 0 0 var(--outline-width) var(--secondary-focus);
}

:is(
    button,
    input[type="submit"],
    input[type="button"],
    [role="button"]
  ).contrast {
  --background-color: var(--contrast);
  --border-color: var(--contrast);
  --color: var(--contrast-inverse);
}
:is(
    button,
    input[type="submit"],
    input[type="button"],
    [role="button"]
  ).contrast:is([aria-current], :hover, :active, :focus) {
  --background-color: var(--contrast-hover);
  --border-color: var(--contrast-hover);
  --color: var(--contrast-inverse);
}
:is(
    button,
    input[type="submit"],
    input[type="button"],
    [role="button"]
  ).contrast:focus {
  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
    0 0 0 var(--outline-width) var(--contrast-focus);
}

:is(
    button,
    input[type="submit"],
    input[type="button"],
    [role="button"]
  ).outline,
input[type="reset"].outline {
  --background-color: transparent;
  --color: var(--primary);
}
:is(
    button,
    input[type="submit"],
    input[type="button"],
    [role="button"]
  ).outline:is([aria-current], :hover, :active, :focus),
input[type="reset"].outline:is([aria-current], :hover, :active, :focus) {
  --background-color: transparent;
  --color: var(--primary-hover);
}

:is(
    button,
    input[type="submit"],
    input[type="button"],
    [role="button"]
  ).outline.secondary,
input[type="reset"].outline {
  --color: var(--secondary);
}
:is(
    button,
    input[type="submit"],
    input[type="button"],
    [role="button"]
  ).outline.secondary:is([aria-current], :hover, :active, :focus),
input[type="reset"].outline:is([aria-current], :hover, :active, :focus) {
  --color: var(--secondary-hover);
}

:is(
    button,
    input[type="submit"],
    input[type="button"],
    [role="button"]
  ).outline.contrast {
  --color: var(--contrast);
}
:is(
    button,
    input[type="submit"],
    input[type="button"],
    [role="button"]
  ).outline.contrast:is([aria-current], :hover, :active, :focus) {
  --color: var(--contrast-hover);
}

:where(
    button,
    [type="submit"],
    [type="button"],
    [type="reset"],
    [role="button"]
  )[disabled],
:where(fieldset[disabled])
  :is(
    button,
    [type="submit"],
    [type="button"],
    [type="reset"],
    [role="button"]
  ),
a[role="button"]:not([href]) {
  opacity: 0.5;
  pointer-events: none;
}

/**
 * Form elements
 */
input,
optgroup,
select,
textarea {
  margin: 0;
  font-size: 1rem;
  line-height: var(--line-height);
  font-family: inherit;
  letter-spacing: inherit;
}

input {
  overflow: visible;
}

select {
  text-transform: none;
}

legend {
  max-width: 100%;
  padding: 0;
  color: inherit;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  padding: 0;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

:-moz-focusring {
  outline: none;
}

:-moz-ui-invalid {
  box-shadow: none;
}

::-ms-expand {
  display: none;
}

[type="file"],
[type="range"] {
  padding: 0;
  border-width: 0;
}

input:not([type="checkbox"], [type="radio"], [type="range"]) {
  height: calc(
    1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +
      var(--border-width) * 2
  );
}

fieldset {
  margin: 0;
  margin-bottom: var(--spacing);
  padding: 0;
  border: 0;
}

label,
fieldset legend {
  display: block;
  margin-bottom: calc(var(--spacing) * 0.25);
  font-weight: var(--form-label-font-weight, var(--font-weight));
}

input:not([type="checkbox"], [type="radio"]),
select,
textarea {
  width: 100%;
}

input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]),
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: var(--form-element-spacing-vertical)
    var(--form-element-spacing-horizontal);
}

input,
select,
textarea {
  --background-color: var(--form-element-background-color);
  --border-color: var(--form-element-border-color);
  --color: var(--form-element-color);
  --box-shadow: none;
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
  outline: none;
  background-color: var(--background-color);
  box-shadow: var(--box-shadow);
  color: var(--color);
  font-weight: var(--font-weight);
  transition: background-color var(--transition), border-color var(--transition),
    color var(--transition), box-shadow var(--transition);
}

input:not(
    [type="submit"],
    [type="button"],
    [type="reset"],
    [type="checkbox"],
    [type="radio"],
    [readonly]
  ):is(:active, :focus),
:where(select, textarea):is(:active, :focus) {
  --background-color: var(--form-element-active-background-color);
}

input:not(
    [type="submit"],
    [type="button"],
    [type="reset"],
    [role="switch"],
    [readonly]
  ):is(:active, :focus),
:where(select, textarea):is(:active, :focus) {
  --border-color: var(--form-element-active-border-color);
}

input:not(
    [type="submit"],
    [type="button"],
    [type="reset"],
    [type="range"],
    [type="file"],
    [readonly]
  ):focus,
select:focus,
textarea:focus {
  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);
}

input:not([type="submit"], [type="button"], [type="reset"])[disabled],
select[disabled],
textarea[disabled],
:where(fieldset[disabled])
  :is(
    input:not([type="submit"], [type="button"], [type="reset"]),
    select,
    textarea
  ) {
  --background-color: var(--form-element-disabled-background-color);
  --border-color: var(--form-element-disabled-border-color);
  opacity: var(--form-element-disabled-opacity);
  pointer-events: none;
}

:where(input, select, textarea):not(
    [type="checkbox"],
    [type="radio"],
    [type="date"],
    [type="datetime-local"],
    [type="month"],
    [type="time"],
    [type="week"]
  )[aria-invalid] {
  padding-right: calc(
    var(--form-element-spacing-horizontal) + 1.5rem
  ) !important;
  padding-left: var(--form-element-spacing-horizontal);
  -webkit-padding-start: var(--form-element-spacing-horizontal) !important;
  padding-inline-start: var(--form-element-spacing-horizontal) !important;
  -webkit-padding-end: calc(
    var(--form-element-spacing-horizontal) + 1.5rem
  ) !important;
  padding-inline-end: calc(
    var(--form-element-spacing-horizontal) + 1.5rem
  ) !important;
  background-position: center right 0.75rem;
  background-size: 1rem auto;
  background-repeat: no-repeat;
}
:where(input, select, textarea):not(
    [type="checkbox"],
    [type="radio"],
    [type="date"],
    [type="datetime-local"],
    [type="month"],
    [type="time"],
    [type="week"]
  )[aria-invalid="false"] {
  background-image: var(--icon-valid);
}
:where(input, select, textarea):not(
    [type="checkbox"],
    [type="radio"],
    [type="date"],
    [type="datetime-local"],
    [type="month"],
    [type="time"],
    [type="week"]
  )[aria-invalid="true"] {
  background-image: var(--icon-invalid);
}
:where(input, select, textarea)[aria-invalid="false"] {
  --border-color: var(--form-element-valid-border-color);
}
:where(input, select, textarea)[aria-invalid="false"]:is(:active, :focus) {
  --border-color: var(--form-element-valid-active-border-color) !important;
  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;
}
:where(input, select, textarea)[aria-invalid="true"] {
  --border-color: var(--form-element-invalid-border-color);
}
:where(input, select, textarea)[aria-invalid="true"]:is(:active, :focus) {
  --border-color: var(--form-element-invalid-active-border-color) !important;
  --box-shadow: 0 0 0 var(--outline-width)
    var(--form-element-invalid-focus-color) !important;
}

[dir="rtl"]
  :where(input, select, textarea):not([type="checkbox"], [type="radio"]):is(
    [aria-invalid],
    [aria-invalid="true"],
    [aria-invalid="false"]
  ) {
  background-position: center left 0.75rem;
}

input::placeholder,
input::-webkit-input-placeholder,
textarea::placeholder,
textarea::-webkit-input-placeholder,
select:invalid {
  color: var(--form-element-placeholder-color);
  opacity: 1;
}

input:not([type="checkbox"], [type="radio"]),
select,
textarea {
  margin-bottom: var(--spacing);
}

select::-ms-expand {
  border: 0;
  background-color: transparent;
}
select:not([multiple], [size]) {
  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
  padding-left: var(--form-element-spacing-horizontal);
  -webkit-padding-start: var(--form-element-spacing-horizontal);
  padding-inline-start: var(--form-element-spacing-horizontal);
  -webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
  background-image: var(--icon-chevron);
  background-position: center right 0.75rem;
  background-size: 1rem auto;
  background-repeat: no-repeat;
}

[dir="rtl"] select:not([multiple], [size]) {
  background-position: center left 0.75rem;
}

:where(input, select, textarea) + small {
  display: block;
  width: 100%;
  margin-top: calc(var(--spacing) * -0.75);
  margin-bottom: var(--spacing);
  color: var(--muted-color);
}

label > :where(input, select, textarea) {
  margin-top: calc(var(--spacing) * 0.25);
}

/**
 * Form elements
 * Checkboxes & Radios
 */
[type="checkbox"],
[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1.25em;
  height: 1.25em;
  margin-top: -0.125em;
  margin-right: 0.375em;
  margin-left: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0.375em;
  margin-inline-end: 0.375em;
  border-width: var(--border-width);
  font-size: inherit;
  vertical-align: middle;
  cursor: pointer;
}
[type="checkbox"]::-ms-check,
[type="radio"]::-ms-check {
  display: none;
}
[type="checkbox"]:checked,
[type="checkbox"]:checked:active,
[type="checkbox"]:checked:focus,
[type="radio"]:checked,
[type="radio"]:checked:active,
[type="radio"]:checked:focus {
  --background-color: var(--primary);
  --border-color: var(--primary);
  background-image: var(--icon-checkbox);
  background-position: center;
  background-size: 0.75em auto;
  background-repeat: no-repeat;
}
[type="checkbox"] ~ label,
[type="radio"] ~ label {
  display: inline-block;
  margin-right: 0.375em;
  margin-bottom: 0;
  cursor: pointer;
}

[type="checkbox"]:indeterminate {
  --background-color: var(--primary);
  --border-color: var(--primary);
  background-image: var(--icon-minus);
  background-position: center;
  background-size: 0.75em auto;
  background-repeat: no-repeat;
}

[type="radio"] {
  border-radius: 50%;
}
[type="radio"]:checked,
[type="radio"]:checked:active,
[type="radio"]:checked:focus {
  --background-color: var(--primary-inverse);
  border-width: 0.35em;
  background-image: none;
}

[type="checkbox"][role="switch"] {
  --background-color: var(--switch-background-color);
  --border-color: var(--switch-background-color);
  --color: var(--switch-color);
  width: 2.25em;
  height: 1.25em;
  border: var(--border-width) solid var(--border-color);
  border-radius: 1.25em;
  background-color: var(--background-color);
  line-height: 1.25em;
}
[type="checkbox"][role="switch"]:focus {
  --background-color: var(--switch-background-color);
  --border-color: var(--switch-background-color);
}
[type="checkbox"][role="switch"]:checked {
  --background-color: var(--switch-checked-background-color);
  --border-color: var(--switch-checked-background-color);
}
[type="checkbox"][role="switch"]:before {
  display: block;
  width: calc(1.25em - (var(--border-width) * 2));
  height: 100%;
  border-radius: 50%;
  background-color: var(--color);
  content: "";
  transition: margin 0.1s ease-in-out;
}
[type="checkbox"][role="switch"]:checked {
  background-image: none;
}
[type="checkbox"][role="switch"]:checked::before {
  margin-left: calc(1.125em - var(--border-width));
  -webkit-margin-start: calc(1.125em - var(--border-width));
  margin-inline-start: calc(1.125em - var(--border-width));
}

[type="checkbox"][aria-invalid="false"],
[type="checkbox"]:checked[aria-invalid="false"],
[type="radio"][aria-invalid="false"],
[type="radio"]:checked[aria-invalid="false"],
[type="checkbox"][role="switch"][aria-invalid="false"],
[type="checkbox"][role="switch"]:checked[aria-invalid="false"] {
  --border-color: var(--form-element-valid-border-color);
}
[type="checkbox"][aria-invalid="true"],
[type="checkbox"]:checked[aria-invalid="true"],
[type="radio"][aria-invalid="true"],
[type="radio"]:checked[aria-invalid="true"],
[type="checkbox"][role="switch"][aria-invalid="true"],
[type="checkbox"][role="switch"]:checked[aria-invalid="true"] {
  --border-color: var(--form-element-invalid-border-color);
}

/**
 * Form elements
 * Alternatives input types (Not Checkboxes & Radios)
 */
[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}
[type="color"]::-moz-focus-inner {
  padding: 0;
}
[type="color"]::-webkit-color-swatch {
  border: 0;
  border-radius: calc(var(--border-radius) * 0.5);
}
[type="color"]::-moz-color-swatch {
  border: 0;
  border-radius: calc(var(--border-radius) * 0.5);
}

input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]):is(
    [type="date"],
    [type="datetime-local"],
    [type="month"],
    [type="time"],
    [type="week"]
  ) {
  --icon-position: 0.75rem;
  --icon-width: 1rem;
  padding-right: calc(var(--icon-width) + var(--icon-position));
  background-image: var(--icon-date);
  background-position: center right var(--icon-position);
  background-size: var(--icon-width) auto;
  background-repeat: no-repeat;
}
input:not(
    [type="checkbox"],
    [type="radio"],
    [type="range"],
    [type="file"]
  )[type="time"] {
  background-image: var(--icon-time);
}

[type="date"]::-webkit-calendar-picker-indicator,
[type="datetime-local"]::-webkit-calendar-picker-indicator,
[type="month"]::-webkit-calendar-picker-indicator,
[type="time"]::-webkit-calendar-picker-indicator,
[type="week"]::-webkit-calendar-picker-indicator {
  width: var(--icon-width);
  margin-right: calc(var(--icon-width) * -1);
  margin-left: var(--icon-position);
  opacity: 0;
}

[dir="rtl"]
  :is(
    [type="date"],
    [type="datetime-local"],
    [type="month"],
    [type="time"],
    [type="week"]
  ) {
  text-align: right;
}

[type="file"] {
  --color: var(--muted-color);
  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;
  border: 0;
  border-radius: 0;
  background: none;
}
[type="file"]::file-selector-button {
  --background-color: var(--secondary);
  --border-color: var(--secondary);
  --color: var(--secondary-inverse);
  margin-right: calc(var(--spacing) / 2);
  margin-left: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: calc(var(--spacing) / 2);
  margin-inline-end: calc(var(--spacing) / 2);
  padding: calc(var(--form-element-spacing-vertical) * 0.5)
    calc(var(--form-element-spacing-horizontal) * 0.5);
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
  outline: none;
  background-color: var(--background-color);
  box-shadow: var(--box-shadow);
  color: var(--color);
  font-weight: var(--font-weight);
  font-size: 1rem;
  line-height: var(--line-height);
  text-align: center;
  cursor: pointer;
  transition: background-color var(--transition), border-color var(--transition),
    color var(--transition), box-shadow var(--transition);
}
[type="file"]::file-selector-button:is(:hover, :active, :focus) {
  --background-color: var(--secondary-hover);
  --border-color: var(--secondary-hover);
}
[type="file"]::-webkit-file-upload-button {
  --background-color: var(--secondary);
  --border-color: var(--secondary);
  --color: var(--secondary-inverse);
  margin-right: calc(var(--spacing) / 2);
  margin-left: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: calc(var(--spacing) / 2);
  margin-inline-end: calc(var(--spacing) / 2);
  padding: calc(var(--form-element-spacing-vertical) * 0.5)
    calc(var(--form-element-spacing-horizontal) * 0.5);
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
  outline: none;
  background-color: var(--background-color);
  box-shadow: var(--box-shadow);
  color: var(--color);
  font-weight: var(--font-weight);
  font-size: 1rem;
  line-height: var(--line-height);
  text-align: center;
  cursor: pointer;
  -webkit-transition: background-color var(--transition),
    border-color var(--transition), color var(--transition),
    box-shadow var(--transition);
  transition: background-color var(--transition), border-color var(--transition),
    color var(--transition), box-shadow var(--transition);
}
[type="file"]::-webkit-file-upload-button:is(:hover, :active, :focus) {
  --background-color: var(--secondary-hover);
  --border-color: var(--secondary-hover);
}
[type="file"]::-ms-browse {
  --background-color: var(--secondary);
  --border-color: var(--secondary);
  --color: var(--secondary-inverse);
  margin-right: calc(var(--spacing) / 2);
  margin-left: 0;
  margin-inline-start: 0;
  margin-inline-end: calc(var(--spacing) / 2);
  padding: calc(var(--form-element-spacing-vertical) * 0.5)
    calc(var(--form-element-spacing-horizontal) * 0.5);
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
  outline: none;
  background-color: var(--background-color);
  box-shadow: var(--box-shadow);
  color: var(--color);
  font-weight: var(--font-weight);
  font-size: 1rem;
  line-height: var(--line-height);
  text-align: center;
  cursor: pointer;
  -ms-transition: background-color var(--transition),
    border-color var(--transition), color var(--transition),
    box-shadow var(--transition);
  transition: background-color var(--transition), border-color var(--transition),
    color var(--transition), box-shadow var(--transition);
}
[type="file"]::-ms-browse:is(:hover, :active, :focus) {
  --background-color: var(--secondary-hover);
  --border-color: var(--secondary-hover);
}

[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 1.25rem;
  background: none;
}
[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.25rem;
  border-radius: var(--border-radius);
  background-color: var(--range-border-color);
  -webkit-transition: background-color var(--transition),
    box-shadow var(--transition);
  transition: background-color var(--transition), box-shadow var(--transition);
}
[type="range"]::-moz-range-track {
  width: 100%;
  height: 0.25rem;
  border-radius: var(--border-radius);
  background-color: var(--range-border-color);
  -moz-transition: background-color var(--transition),
    box-shadow var(--transition);
  transition: background-color var(--transition), box-shadow var(--transition);
}
[type="range"]::-ms-track {
  width: 100%;
  height: 0.25rem;
  border-radius: var(--border-radius);
  background-color: var(--range-border-color);
  -ms-transition: background-color var(--transition),
    box-shadow var(--transition);
  transition: background-color var(--transition), box-shadow var(--transition);
}
[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -0.5rem;
  border: 2px solid var(--range-thumb-border-color);
  border-radius: 50%;
  background-color: var(--range-thumb-color);
  cursor: pointer;
  -webkit-transition: background-color var(--transition),
    transform var(--transition);
  transition: background-color var(--transition), transform var(--transition);
}
[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -0.5rem;
  border: 2px solid var(--range-thumb-border-color);
  border-radius: 50%;
  background-color: var(--range-thumb-color);
  cursor: pointer;
  -moz-transition: background-color var(--transition),
    transform var(--transition);
  transition: background-color var(--transition), transform var(--transition);
}
[type="range"]::-ms-thumb {
  -webkit-appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -0.5rem;
  border: 2px solid var(--range-thumb-border-color);
  border-radius: 50%;
  background-color: var(--range-thumb-color);
  cursor: pointer;
  -ms-transition: background-color var(--transition),
    transform var(--transition);
  transition: background-color var(--transition), transform var(--transition);
}
[type="range"]:hover,
[type="range"]:focus {
  --range-border-color: var(--range-active-border-color);
  --range-thumb-color: var(--range-thumb-hover-color);
}
[type="range"]:active {
  --range-thumb-color: var(--range-thumb-active-color);
}
[type="range"]:active::-webkit-slider-thumb {
  transform: scale(1.25);
}
[type="range"]:active::-moz-range-thumb {
  transform: scale(1.25);
}
[type="range"]:active::-ms-thumb {
  transform: scale(1.25);
}

input:not(
    [type="checkbox"],
    [type="radio"],
    [type="range"],
    [type="file"]
  )[type="search"] {
  -webkit-padding-start: calc(var(--form-element-spacing-horizontal) + 1.75rem);
  padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem);
  border-radius: 5rem;
  background-image: var(--icon-search);
  background-position: center left 1.125rem;
  background-size: 1rem auto;
  background-repeat: no-repeat;
}
input:not(
    [type="checkbox"],
    [type="radio"],
    [type="range"],
    [type="file"]
  )[type="search"][aria-invalid] {
  -webkit-padding-start: calc(
    var(--form-element-spacing-horizontal) + 1.75rem
  ) !important;
  padding-inline-start: calc(
    var(--form-element-spacing-horizontal) + 1.75rem
  ) !important;
  background-position: center left 1.125rem, center right 0.75rem;
}
input:not(
    [type="checkbox"],
    [type="radio"],
    [type="range"],
    [type="file"]
  )[type="search"][aria-invalid="false"] {
  background-image: var(--icon-search), var(--icon-valid);
}
input:not(
    [type="checkbox"],
    [type="radio"],
    [type="range"],
    [type="file"]
  )[type="search"][aria-invalid="true"] {
  background-image: var(--icon-search), var(--icon-invalid);
}

[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none;
}

[dir="rtl"]
  :where(input):not(
    [type="checkbox"],
    [type="radio"],
    [type="range"],
    [type="file"]
  )[type="search"] {
  background-position: center right 1.125rem;
}
[dir="rtl"]
  :where(input):not(
    [type="checkbox"],
    [type="radio"],
    [type="range"],
    [type="file"]
  )[type="search"][aria-invalid] {
  background-position: center right 1.125rem, center left 0.75rem;
}

/**
 * Table
 */
:where(table) {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  text-indent: 0;
}

th,
td {
  padding: calc(var(--spacing) / 2) var(--spacing);
  border-bottom: var(--border-width) solid var(--table-border-color);
  color: var(--color);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  text-align: left;
  text-align: start;
}

tfoot th,
tfoot td {
  border-top: var(--border-width) solid var(--table-border-color);
  border-bottom: 0;
}

table[role="grid"] tbody tr:nth-child(odd) {
  background-color: var(--table-row-stripped-background-color);
}

/**
 * Code
 */
pre,
code,
kbd,
samp {
  font-size: 0.875em;
  font-family: var(--font-family);
}

pre {
  -ms-overflow-style: scrollbar;
  overflow: auto;
}

pre,
code,
kbd {
  border-radius: var(--border-radius);
  background: var(--code-background-color);
  color: var(--code-color);
  font-weight: var(--font-weight);
  line-height: initial;
}

code,
kbd {
  display: inline-block;
  padding: 0.375rem 0.5rem;
}

pre {
  display: block;
  margin-bottom: var(--spacing);
  overflow-x: auto;
}
pre > code {
  display: block;
  padding: var(--spacing);
  background: none;
  font-size: 14px;
  line-height: var(--line-height);
}

code b {
  color: var(--code-tag-color);
  font-weight: var(--font-weight);
}
code i {
  color: var(--code-property-color);
  font-style: normal;
}
code u {
  color: var(--code-value-color);
  text-decoration: none;
}
code em {
  color: var(--code-comment-color);
  font-style: normal;
}

kbd {
  background-color: var(--code-kbd-background-color);
  color: var(--code-kbd-color);
  vertical-align: baseline;
}

/**
 * Miscs
 */
hr {
  height: 0;
  border: 0;
  border-top: 1px solid var(--muted-border-color);
  color: inherit;
}

[hidden],
template {
  display: none !important;
}

canvas {
  display: inline-block;
}

/**
 * Accordion (<details>)
 */
details {
  display: block;
  margin-bottom: var(--spacing);
  padding-bottom: var(--spacing);
  border-bottom: var(--border-width) solid var(--accordion-border-color);
}
details summary {
  line-height: 1rem;
  list-style-type: none;
  cursor: pointer;
  transition: color var(--transition);
}
details summary:not([role]) {
  color: var(--accordion-close-summary-color);
}
details summary::-webkit-details-marker {
  display: none;
}
details summary::marker {
  display: none;
}
details summary::-moz-list-bullet {
  list-style-type: none;
}
details summary::after {
  display: block;
  width: 1rem;
  height: 1rem;
  -webkit-margin-start: calc(var(--spacing, 1rem) * 0.5);
  margin-inline-start: calc(var(--spacing, 1rem) * 0.5);
  float: right;
  transform: rotate(-90deg);
  background-image: var(--icon-chevron);
  background-position: right center;
  background-size: 1rem auto;
  background-repeat: no-repeat;
  content: "";
  transition: transform var(--transition);
}
details summary:focus {
  outline: none;
}
details summary:focus:not([role="button"]) {
  color: var(--accordion-active-summary-color);
}
details summary[role="button"] {
  width: 100%;
  text-align: left;
}
details summary[role="button"]::after {
  height: calc(1rem * var(--line-height, 1.5));
  background-image: var(--icon-chevron-button);
}
details summary[role="button"]:not(.outline).contrast::after {
  background-image: var(--icon-chevron-button-inverse);
}
details[open] > summary {
  margin-bottom: calc(var(--spacing));
}
details[open] > summary:not([role]):not(:focus) {
  color: var(--accordion-open-summary-color);
}
details[open] > summary::after {
  transform: rotate(0);
}

[dir="rtl"] details summary {
  text-align: right;
}
[dir="rtl"] details summary::after {
  float: left;
  background-position: left center;
}

/**
 * Card (<article>)
 */
article {
  margin: var(--block-spacing-vertical) 0;
  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);
  border-radius: var(--border-radius);
  background: var(--card-background-color);
  box-shadow: var(--card-box-shadow);
}
article > header,
article > footer {
  margin-right: calc(var(--block-spacing-horizontal) * -1);
  margin-left: calc(var(--block-spacing-horizontal) * -1);
  padding: calc(var(--block-spacing-vertical) * 0.66)
    var(--block-spacing-horizontal);
  background-color: var(--card-sectionning-background-color);
}
article > header {
  margin-top: calc(var(--block-spacing-vertical) * -1);
  margin-bottom: var(--block-spacing-vertical);
  border-bottom: var(--border-width) solid var(--card-border-color);
  border-top-right-radius: var(--border-radius);
  border-top-left-radius: var(--border-radius);
}
article > footer {
  margin-top: var(--block-spacing-vertical);
  margin-bottom: calc(var(--block-spacing-vertical) * -1);
  border-top: var(--border-width) solid var(--card-border-color);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

/**
 * Modal (<dialog>)
 */
#mount {
  --scrollbar-width: 0px;
}

dialog {
  display: flex;
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: inherit;
  min-width: 100%;
  height: inherit;
  min-height: 100%;
  padding: var(--spacing);
  border: 0;
  -webkit-backdrop-filter: var(--modal-overlay-backdrop-filter);
  backdrop-filter: var(--modal-overlay-backdrop-filter);
  background-color: var(--modal-overlay-background-color);
  color: var(--color);
}
dialog article {
  max-height: calc(100vh - var(--spacing) * 2);
  overflow: auto;
}
@media (min-width: 576px) {
  dialog article {
    max-width: 510px;
  }
}
@media (min-width: 768px) {
  dialog article {
    max-width: 700px;
  }
}
dialog article > header,
dialog article > footer {
  padding: calc(var(--block-spacing-vertical) * 0.5)
    var(--block-spacing-horizontal);
}
dialog article > header .close {
  margin: 0;
  margin-left: var(--spacing);
  float: right;
}
dialog article > footer {
  text-align: right;
}
dialog article > footer [role="button"] {
  margin-bottom: 0;
}
dialog article > footer [role="button"]:not(:first-of-type) {
  margin-left: calc(var(--spacing) * 0.5);
}
dialog article p:last-of-type {
  margin: 0;
}
dialog article .close {
  display: block;
  width: 1rem;
  height: 1rem;
  margin-top: calc(var(--block-spacing-vertical) * -0.5);
  margin-bottom: var(--typography-spacing-vertical);
  margin-left: auto;
  background-image: var(--icon-close);
  background-position: center;
  background-size: auto 1rem;
  background-repeat: no-repeat;
  opacity: 0.5;
  transition: opacity var(--transition);
}
dialog article .close:is([aria-current], :hover, :active, :focus) {
  opacity: 1;
}
dialog:not([open]),
dialog[open="false"] {
  display: none;
}

.modal-is-open {
  padding-right: var(--scrollbar-width, 0px);
  overflow: hidden;
  pointer-events: none;
}
.modal-is-open dialog {
  pointer-events: auto;
}

:where(.modal-is-opening, .modal-is-closing) dialog,
:where(.modal-is-opening, .modal-is-closing) dialog > article {
  animation-duration: 0.2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}
:where(.modal-is-opening, .modal-is-closing) dialog {
  animation-duration: 0.8s;
  animation-name: modal-overlay;
}
:where(.modal-is-opening, .modal-is-closing) dialog > article {
  animation-delay: 0.2s;
  animation-name: modal;
}

.modal-is-closing dialog,
.modal-is-closing dialog > article {
  animation-delay: 0s;
  animation-direction: reverse;
}

@keyframes modal-overlay {
  from {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: transparent;
  }
}
@keyframes modal {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
}
/**
 * Nav
 */
:where(nav li)::before {
  float: left;
  content: "​";
}

nav,
nav ul {
  display: flex;
}

nav {
  justify-content: space-between;
}
nav ol,
nav ul {
  align-items: center;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
nav ol:first-of-type,
nav ul:first-of-type {
  margin-left: calc(var(--nav-element-spacing-horizontal) * -1);
}
nav ol:last-of-type,
nav ul:last-of-type {
  margin-right: calc(var(--nav-element-spacing-horizontal) * -1);
}
nav li {
  display: inline-block;
  margin: 0;
  padding: var(--nav-element-spacing-vertical)
    var(--nav-element-spacing-horizontal);
}
nav li > * {
  --spacing: 0;
}
nav :where(a, [role="link"]) {
  display: inline-block;
  margin: calc(var(--nav-link-spacing-vertical) * -1)
    calc(var(--nav-link-spacing-horizontal) * -1);
  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
  border-radius: var(--border-radius);
  text-decoration: none;
}
nav :where(a, [role="link"]):is([aria-current], :hover, :active, :focus) {
  text-decoration: none;
}
nav[aria-label="breadcrumb"] {
  align-items: center;
  justify-content: start;
}
nav[aria-label="breadcrumb"] ul li:not(:first-child) {
  -webkit-margin-start: var(--nav-link-spacing-horizontal);
  margin-inline-start: var(--nav-link-spacing-horizontal);
}
nav[aria-label="breadcrumb"] ul li:not(:last-child) ::after {
  position: absolute;
  width: calc(var(--nav-link-spacing-horizontal) * 2);
  -webkit-margin-start: calc(var(--nav-link-spacing-horizontal) / 2);
  margin-inline-start: calc(var(--nav-link-spacing-horizontal) / 2);
  content: "/";
  color: var(--muted-color);
  text-align: center;
}
nav[aria-label="breadcrumb"] a[aria-current] {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}
nav [role="button"] {
  margin-right: inherit;
  margin-left: inherit;
  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
}

aside nav,
aside ol,
aside ul,
aside li {
  display: block;
}
aside li {
  padding: calc(var(--nav-element-spacing-vertical) * 0.5)
    var(--nav-element-spacing-horizontal);
}
aside li a {
  display: block;
}
aside li [role="button"] {
  margin: inherit;
}

[dir="rtl"] nav[aria-label="breadcrumb"] ul li:not(:last-child) ::after {
  content: "\\";
}

/**
 * Progress
 */
progress {
  display: inline-block;
  vertical-align: baseline;
}

progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  appearance: none;
  width: 100%;
  height: 0.5rem;
  margin-bottom: calc(var(--spacing) * 0.5);
  overflow: hidden;
  border: 0;
  border-radius: var(--border-radius);
  background-color: var(--progress-background-color);
  color: var(--progress-color);
}
progress::-webkit-progress-bar {
  border-radius: var(--border-radius);
  background: none;
}
progress[value]::-webkit-progress-value {
  background-color: var(--progress-color);
}
progress::-moz-progress-bar {
  background-color: var(--progress-color);
}
@media (prefers-reduced-motion: no-preference) {
  progress:indeterminate {
    background: var(--progress-background-color)
      linear-gradient(
        to right,
        var(--progress-color) 30%,
        var(--progress-background-color) 30%
      )
      top left/150% 150% no-repeat;
    animation: progress-indeterminate 1s linear infinite;
  }
  progress:indeterminate[value]::-webkit-progress-value {
    background-color: transparent;
  }
  progress:indeterminate::-moz-progress-bar {
    background-color: transparent;
  }
}

@media (prefers-reduced-motion: no-preference) {
  [dir="rtl"] progress:indeterminate {
    animation-direction: reverse;
  }
}

@keyframes progress-indeterminate {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
/**
 * Dropdown ([role="list"])
 */
details[role="list"],
li[role="list"] {
  position: relative;
}

details[role="list"] summary + ul,
li[role="list"] > ul {
  display: flex;
  z-index: 99;
  position: absolute;
  top: auto;
  right: 0;
  left: 0;
  flex-direction: column;
  margin: 0;
  padding: 0;
  border: var(--border-width) solid var(--dropdown-border-color);
  border-radius: var(--border-radius);
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  background-color: var(--dropdown-background-color);
  box-shadow: var(--card-box-shadow);
  color: var(--dropdown-color);
  white-space: nowrap;
}
details[role="list"] summary + ul li,
li[role="list"] > ul li {
  width: 100%;
  margin-bottom: 0;
  padding: calc(var(--form-element-spacing-vertical) * 0.5)
    var(--form-element-spacing-horizontal);
  list-style: none;
}
details[role="list"] summary + ul li:first-of-type,
li[role="list"] > ul li:first-of-type {
  margin-top: calc(var(--form-element-spacing-vertical) * 0.5);
}
details[role="list"] summary + ul li:last-of-type,
li[role="list"] > ul li:last-of-type {
  margin-bottom: calc(var(--form-element-spacing-vertical) * 0.5);
}
details[role="list"] summary + ul li a,
li[role="list"] > ul li a {
  display: block;
  margin: calc(var(--form-element-spacing-vertical) * -0.5)
    calc(var(--form-element-spacing-horizontal) * -1);
  padding: calc(var(--form-element-spacing-vertical) * 0.5)
    var(--form-element-spacing-horizontal);
  overflow: hidden;
  color: var(--dropdown-color);
  text-decoration: none;
  text-overflow: ellipsis;
}
details[role="list"] summary + ul li a:hover,
li[role="list"] > ul li a:hover {
  background-color: var(--dropdown-hover-background-color);
}

details[role="list"] summary::after,
li[role="list"] > a::after {
  display: block;
  width: 1rem;
  height: calc(1rem * var(--line-height, 1.5));
  -webkit-margin-start: 0.5rem;
  margin-inline-start: 0.5rem;
  float: right;
  transform: rotate(0deg);
  background-position: right center;
  background-size: 1rem auto;
  background-repeat: no-repeat;
  content: "";
}

details[role="list"] {
  padding: 0;
  border-bottom: none;
}
details[role="list"] summary {
  margin-bottom: 0;
}
details[role="list"] summary:not([role]) {
  height: calc(
    1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +
      var(--border-width) * 2
  );
  padding: var(--form-element-spacing-vertical)
    var(--form-element-spacing-horizontal);
  border: var(--border-width) solid var(--form-element-border-color);
  border-radius: var(--border-radius);
  background-color: var(--form-element-background-color);
  color: var(--form-element-placeholder-color);
  line-height: inherit;
  cursor: pointer;
  transition: background-color var(--transition), border-color var(--transition),
    color var(--transition), box-shadow var(--transition);
}
details[role="list"] summary:not([role]):active,
details[role="list"] summary:not([role]):focus {
  border-color: var(--form-element-active-border-color);
  background-color: var(--form-element-active-background-color);
}
details[role="list"] summary:not([role]):focus {
  box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);
}
details[role="list"][open] summary {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
details[role="list"][open] summary::before {
  display: block;
  z-index: 1;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: none;
  content: "";
  cursor: default;
}

nav details[role="list"] summary,
nav li[role="list"] a {
  display: flex;
  direction: ltr;
}

nav details[role="list"] summary + ul,
nav li[role="list"] > ul {
  min-width: -moz-fit-content;
  min-width: fit-content;
  border-radius: var(--border-radius);
}
nav details[role="list"] summary + ul li a,
nav li[role="list"] > ul li a {
  border-radius: 0;
}

nav details[role="list"] summary,
nav details[role="list"] summary:not([role]) {
  height: auto;
  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
}
nav details[role="list"][open] summary {
  border-radius: var(--border-radius);
}
nav details[role="list"] summary + ul {
  margin-top: var(--outline-width);
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
nav details[role="list"] summary[role="link"] {
  margin-bottom: calc(var(--nav-link-spacing-vertical) * -1);
  line-height: var(--line-height);
}
nav details[role="list"] summary[role="link"] + ul {
  margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));
  -webkit-margin-start: calc(var(--nav-link-spacing-horizontal) * -1);
  margin-inline-start: calc(var(--nav-link-spacing-horizontal) * -1);
}

li[role="list"]:hover > ul,
li[role="list"] a:active ~ ul,
li[role="list"] a:focus ~ ul {
  display: flex;
}
li[role="list"] > ul {
  display: none;
  margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));
  -webkit-margin-start: calc(
    var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal)
  );
  margin-inline-start: calc(
    var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal)
  );
}
li[role="list"] > a::after {
  background-image: var(--icon-chevron);
}

/**
 * Loading ([aria-busy=true])
 */
[aria-busy="true"] {
  cursor: progress;
}

[aria-busy="true"]:not(input, select, textarea)::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  border: 0.1875em solid currentColor;
  border-radius: 1em;
  border-right-color: transparent;
  content: "";
  vertical-align: text-bottom;
  vertical-align: -0.125em;
  animation: spinner 0.75s linear infinite;
  opacity: var(--loading-spinner-opacity);
}
[aria-busy="true"]:not(input, select, textarea):not(:empty)::before {
  margin-right: calc(var(--spacing) * 0.5);
  margin-left: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: calc(var(--spacing) * 0.5);
  margin-inline-end: calc(var(--spacing) * 0.5);
}
[aria-busy="true"]:not(input, select, textarea):empty {
  text-align: center;
}

button[aria-busy="true"],
input[type="submit"][aria-busy="true"],
input[type="button"][aria-busy="true"],
input[type="reset"][aria-busy="true"],
a[aria-busy="true"] {
  pointer-events: none;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
/**
 * Tooltip ([data-tooltip])
 */
[data-tooltip] {
  position: relative;
}
[data-tooltip]:not(a, button, input) {
  border-bottom: 1px dotted;
  text-decoration: none;
  cursor: help;
}
[data-tooltip][data-placement="top"]::before,
[data-tooltip][data-placement="top"]::after,
[data-tooltip]::before,
[data-tooltip]::after {
  display: block;
  z-index: 99;
  position: absolute;
  bottom: 100%;
  left: 50%;
  padding: 0.25rem 0.5rem;
  overflow: hidden;
  transform: translate(-50%, -0.25rem);
  border-radius: var(--border-radius);
  background: var(--tooltip-background-color);
  content: attr(data-tooltip);
  color: var(--tooltip-color);
  font-style: normal;
  font-weight: var(--font-weight);
  font-size: 0.875rem;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
}
[data-tooltip][data-placement="top"]::after,
[data-tooltip]::after {
  padding: 0;
  transform: translate(-50%, 0rem);
  border-top: 0.3rem solid;
  border-right: 0.3rem solid transparent;
  border-left: 0.3rem solid transparent;
  border-radius: 0;
  background-color: transparent;
  content: "";
  color: var(--tooltip-background-color);
}
[data-tooltip][data-placement="bottom"]::before,
[data-tooltip][data-placement="bottom"]::after {
  top: 100%;
  bottom: auto;
  transform: translate(-50%, 0.25rem);
}
[data-tooltip][data-placement="bottom"]:after {
  transform: translate(-50%, -0.3rem);
  border: 0.3rem solid transparent;
  border-bottom: 0.3rem solid;
}
[data-tooltip][data-placement="left"]::before,
[data-tooltip][data-placement="left"]::after {
  top: 50%;
  right: 100%;
  bottom: auto;
  left: auto;
  transform: translate(-0.25rem, -50%);
}
[data-tooltip][data-placement="left"]:after {
  transform: translate(0.3rem, -50%);
  border: 0.3rem solid transparent;
  border-left: 0.3rem solid;
}
[data-tooltip][data-placement="right"]::before,
[data-tooltip][data-placement="right"]::after {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 100%;
  transform: translate(0.25rem, -50%);
}
[data-tooltip][data-placement="right"]:after {
  transform: translate(-0.3rem, -50%);
  border: 0.3rem solid transparent;
  border-right: 0.3rem solid;
}
[data-tooltip]:focus::before,
[data-tooltip]:focus::after,
[data-tooltip]:hover::before,
[data-tooltip]:hover::after {
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  [data-tooltip][data-placement="bottom"]:focus::before,
  [data-tooltip][data-placement="bottom"]:focus::after,
  [data-tooltip][data-placement="bottom"]:hover [data-tooltip]:focus::before,
  [data-tooltip][data-placement="bottom"]:hover [data-tooltip]:focus::after,
  [data-tooltip]:hover::before,
  [data-tooltip]:hover::after {
    animation-duration: 0.2s;
    animation-name: tooltip-slide-top;
  }
  [data-tooltip][data-placement="bottom"]:focus::after,
  [data-tooltip][data-placement="bottom"]:hover [data-tooltip]:focus::after,
  [data-tooltip]:hover::after {
    animation-name: tooltip-caret-slide-top;
  }
  [data-tooltip][data-placement="bottom"]:focus::before,
  [data-tooltip][data-placement="bottom"]:focus::after,
  [data-tooltip][data-placement="bottom"]:hover::before,
  [data-tooltip][data-placement="bottom"]:hover::after {
    animation-duration: 0.2s;
    animation-name: tooltip-slide-bottom;
  }
  [data-tooltip][data-placement="bottom"]:focus::after,
  [data-tooltip][data-placement="bottom"]:hover::after {
    animation-name: tooltip-caret-slide-bottom;
  }
  [data-tooltip][data-placement="left"]:focus::before,
  [data-tooltip][data-placement="left"]:focus::after,
  [data-tooltip][data-placement="left"]:hover::before,
  [data-tooltip][data-placement="left"]:hover::after {
    animation-duration: 0.2s;
    animation-name: tooltip-slide-left;
  }
  [data-tooltip][data-placement="left"]:focus::after,
  [data-tooltip][data-placement="left"]:hover::after {
    animation-name: tooltip-caret-slide-left;
  }
  [data-tooltip][data-placement="right"]:focus::before,
  [data-tooltip][data-placement="right"]:focus::after,
  [data-tooltip][data-placement="right"]:hover::before,
  [data-tooltip][data-placement="right"]:hover::after {
    animation-duration: 0.2s;
    animation-name: tooltip-slide-right;
  }
  [data-tooltip][data-placement="right"]:focus::after,
  [data-tooltip][data-placement="right"]:hover::after {
    animation-name: tooltip-caret-slide-right;
  }
}
@keyframes tooltip-slide-top {
  from {
    transform: translate(-50%, 0.75rem);
    opacity: 0;
  }
  to {
    transform: translate(-50%, -0.25rem);
    opacity: 1;
  }
}
@keyframes tooltip-caret-slide-top {
  from {
    opacity: 0;
  }
  50% {
    transform: translate(-50%, -0.25rem);
    opacity: 0;
  }
  to {
    transform: translate(-50%, 0rem);
    opacity: 1;
  }
}
@keyframes tooltip-slide-bottom {
  from {
    transform: translate(-50%, -0.75rem);
    opacity: 0;
  }
  to {
    transform: translate(-50%, 0.25rem);
    opacity: 1;
  }
}
@keyframes tooltip-caret-slide-bottom {
  from {
    opacity: 0;
  }
  50% {
    transform: translate(-50%, -0.5rem);
    opacity: 0;
  }
  to {
    transform: translate(-50%, -0.3rem);
    opacity: 1;
  }
}
@keyframes tooltip-slide-left {
  from {
    transform: translate(0.75rem, -50%);
    opacity: 0;
  }
  to {
    transform: translate(-0.25rem, -50%);
    opacity: 1;
  }
}
@keyframes tooltip-caret-slide-left {
  from {
    opacity: 0;
  }
  50% {
    transform: translate(0.05rem, -50%);
    opacity: 0;
  }
  to {
    transform: translate(0.3rem, -50%);
    opacity: 1;
  }
}
@keyframes tooltip-slide-right {
  from {
    transform: translate(-0.75rem, -50%);
    opacity: 0;
  }
  to {
    transform: translate(0.25rem, -50%);
    opacity: 1;
  }
}
@keyframes tooltip-caret-slide-right {
  from {
    opacity: 0;
  }
  50% {
    transform: translate(-0.05rem, -50%);
    opacity: 0;
  }
  to {
    transform: translate(-0.3rem, -50%);
    opacity: 1;
  }
}

/**
 * Accessibility & User interaction
 */
[aria-controls] {
  cursor: pointer;
}

[aria-disabled="true"],
[disabled] {
  cursor: not-allowed;
}

[aria-hidden="false"][hidden] {
  display: initial;
}

[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
}

[dir="rtl"] {
  direction: rtl;
}

/**
* Reduce Motion Features
*/
@media (prefers-reduced-motion: reduce) {
  *:not([aria-busy="true"]),
  :not([aria-busy="true"])::before,
  :not([aria-busy="true"])::after {
    background-attachment: initial !important;
    animation-duration: 1ms !important;
    animation-delay: -1ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-delay: 0s !important;
    transition-duration: 0s !important;
  }
}

#mount#mount {
  /* --primary: rgb(227, 59, 126); */
  --primary: #ea4c89;
  --primary-hover: #f082ac;
  --icon-xia: url("");
  --switch-checked-background-color: var(--primary);
}

li.select-link.select-link:hover > ul {
  display: none;
}
li.select-link.select-link > ul {
  display: none;
}
li.select-link.select-link a:focus ~ ul {
  display: none;
}

li.select-link.select-link a:active ~ ul {
  display: none;
}
li.select-link-active.select-link-active > ul {
  display: flex;
}
li.select-link-active.select-link-active:hover > ul {
  display: flex;
}

li.select-link-active.select-link-active a:focus ~ ul {
  display: flex;
}

li.select-link-active.select-link-active a:active ~ ul {
  display: flex;
}
ul.select-link-ul.select-link-ul {
  right: 0px;
  left: auto;
}

a.select-link-selected {
  background-color: var(--primary-focus);
}
.immersive-translate-no-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}

/* li[role="list"].no-arrow > a::after { */
/*   background-image: none; */
/*   width: 0; */
/*   color: var(--color); */
/* } */
li[role="list"].no-arrow {
  margin-left: 8px;
  padding-right: 0;
}
li[role="list"] > a::after {
  -webkit-margin-start: 0.2rem;
  margin-inline-start: 0.2rem;
}

li[role="list"].no-arrow > a,
li[role="list"].no-arrow > a:link,
li[role="list"].no-arrow > a:visited {
  color: var(--secondary);
}

select.min-select {
  --form-element-spacing-horizontal: 0;
  margin-bottom: 4px;
  max-width: 128px;
  overflow: hidden;
  color: var(--primary);
  font-size: 13px;
  border: none;
  padding: 0;
  padding-right: 20px;
  padding-left: 8px;
  text-overflow: ellipsis;
  color: var(--color);

}
select.min-select-secondary {
  color: var(--color);
}
select.min-select:focus {
  outline: none;
  border: none;
  --box-shadow: none;
}
select.min-select-no-arrow {
  background-image: none;
  padding-right: 0;
}

select.min-select-left {
  padding-right: 0px;
  /* padding-left: 24px; */
  /* background-position: center left 0; */
  text-overflow: ellipsis;
  text-align: left;
}

.muted {
  color: var(--muted-color);
}

.select.button-select {
  --background-color: var(--secondary-hover);
  --border-color: var(--secondary-hover);
  --color: var(--secondary-inverse);
  cursor: pointer;
  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
  padding: var(--form-element-spacing-vertical)
    var(--form-element-spacing-horizontal);
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
  outline: none;
  background-color: var(--background-color);
  box-shadow: var(--box-shadow);
  color: var(--color);
  font-weight: var(--font-weight);
  font-size: 16px;
  line-height: var(--line-height);
  text-align: center;
  cursor: pointer;
  transition: background-color var(--transition), border-color var(--transition),
    color var(--transition), box-shadow var(--transition);
  -webkit-appearance: button;
  margin: 0;
  margin-bottom: 0px;
  overflow: visible;
  font-family: inherit;
  text-transform: none;
}

html {
  font-size: 16px;
  --font-size: 16px;
}

body {
  padding: 0;
  margin: 0 auto;
  min-width: 268px;
  border-radius: 10px;
}

.popup-container {
  color: #666;
  background-color: var(--popup-footer-background-color);
  width: 316px;
  min-width: 316px;
}

.popup-content {
  background-color: var(--popup-content-background-color);
  border-radius: 0px 0px 12px 12px;
  padding: 16px 20px;
}

.immersive-translate-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  touch-action: none;
}

.immersive-translate-popup-wrapper {
  background: var(--background-color);
  border-radius: 10px;
  border: 1px solid var(--muted-border-color);
}

#mount#mount {
  --font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
    "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
  --line-height: 1.5;
  --font-weight: 400;
  --font-size: 16px;
  --border-radius: 4px;
  --border-width: 1px;
  --outline-width: 3px;
  --spacing: 16px;
  --typography-spacing-vertical: 24px;
  --block-spacing-vertical: calc(var(--spacing) * 2);
  --block-spacing-horizontal: var(--spacing);
  --grid-spacing-vertical: 0;
  --grid-spacing-horizontal: var(--spacing);
  --form-element-spacing-vertical: 12px;
  --form-element-spacing-horizontal: 16px;
  --nav-element-spacing-vertical: 16px;
  --nav-element-spacing-horizontal: 8px;
  --nav-link-spacing-vertical: 8px;
  --nav-link-spacing-horizontal: 8px;
  --form-label-font-weight: var(--font-weight);
  --transition: 0.2s ease-in-out;
  --modal-overlay-backdrop-filter: blur(4px);
}

[data-theme="light"],
#mount:not([data-theme="dark"]) {
  --popup-footer-background-color: #e8eaeb;
  --popup-content-background-color: #ffffff;
  --popup-item-background-color: #f3f5f6;
  --popup-item-hover-background-color: #eaeced;
  --text-black-2: #222222;
  --text-gray-2: #222222;
  --text-gray-6: #666666;
  --text-gray-9: #999999;
  --text-gray-c2: #c2c2c2;
}

@media only screen and (prefers-color-scheme: dark) {
  #mount:not([data-theme="light"]) {
    --popup-footer-background-color: #0d0d0d;
    --popup-content-background-color: #191919;
    --popup-item-background-color: #272727;
    --popup-item-hover-background-color: #333333;
    --text-black-2: #ffffff;
    --text-gray-2: #dbdbdb;
    --text-gray-6: #b3b3b3;
    --text-gray-9: #777777;
    --text-gray-c2: #5b5b5b;
  }
}

[data-theme="dark"] {
  --popup-footer-background-color: #0d0d0d;
  --popup-content-background-color: #191919;
  --popup-item-background-color: #272727;
  --popup-item-hover-background-color: #333333;
  --text-black-2: #ffffff;
  --text-gray-2: #dbdbdb;
  --text-gray-6: #b3b3b3;
  --text-gray-9: #777777;
  --text-gray-c2: #5b5b5b;
}

.text-balck {
  color: var(--text-black-2);
}

.text-gray-2 {
  color: var(--text-gray-2);
}

.text-gray-6 {
  color: var(--text-gray-6);
}

.text-gray-9 {
  color: var(--text-gray-9);
}

.text-gray-c2 {
  color: var(--text-gray-c2);
}

#mount {
  min-width: 268px;
}

.main-button {
  font-size: 15px;
  vertical-align: middle;
  border-radius: 12px;
  padding: unset;
  height: 44px;
  line-height: 44px;
}

.pt-4 {
  padding-top: 16px;
}

.p-2 {
  padding: 8px;
}

.pl-5 {
  padding-left: 48px;
}

.p-0 {
  padding: 0;
}

.pl-2 {
  padding-left: 8px;
}

.pl-4 {
  padding-left: 24px;
}

.pt-2 {
  padding-top: 8px;
}

.pb-2 {
  padding-bottom: 8px;
}

.pb-4 {
  padding-bottom: 16px;
}

.pb-5 {
  padding-bottom: 20px;
}

.pr-5 {
  padding-right: 48px;
}

.text-sm {
  font-size: 13px;
}

.text-base {
  font-size: 16px;
}

.w-full {
  width: 100%;
}

.flex {
  display: flex;
}

.flex-row {
  flex-direction: row;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-end {
  justify-content: flex-end;
}

.flex-grow {
  flex-grow: 1;
}

.justify-between {
  justify-content: space-between;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-2 {
  margin-bottom: 8px;
}

.mb-4 {
  margin-bottom: 16px;
}

.mb-3 {
  margin-bottom: 12px;
}

.inline-block {
  display: inline-block;
}

.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.py-2-5 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.mt-0 {
  margin-top: 0;
}

.mt-2 {
  margin-top: 8px;
}

.mt-3 {
  margin-top: 12px;
}

.mt-4 {
  margin-top: 16px;
}

.mt-5 {
  margin-top: 20px;
}

.mt-6 {
  margin-top: 24px;
}

.mb-1 {
  margin-bottom: 4px;
}

.ml-4 {
  margin-left: 24px;
}

.ml-3 {
  margin-left: 16px;
}

.ml-2 {
  margin-left: 8px;
}

.ml-1 {
  margin-left: 4px;
}

.mr-1 {
  margin-right: 4px;
}

.mr-2 {
  margin-right: 8px;
}

.mr-3 {
  margin-right: 16px;
}

.mx-2 {
  margin-left: 8px;
  margin-right: 8px;
}

.pl-3 {
  padding-left: 12px;
}

.pr-3 {
  padding-right: 12px;
}

.p-3 {
  padding: 12px;
}

.px-1 {
  padding-left: 4px;
  padding-right: 4px;
}

.px-3 {
  padding-left: 12px;
  padding-right: 12px;
}

.pt-3 {
  padding-top: 12px;
}

.px-6 {
  padding-left: 18px;
  padding-right: 18px;
}

.px-4 {
  padding-left: 16px;
  padding-right: 16px;
}

.pt-6 {
  padding-top: 20px;
}

.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.left-auto {
  left: auto !important;
}

.max-h-28 {
  max-height: 112px;
}

.max-h-30 {
  max-height: 120px;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.text-xs {
  font-size: 12px;
}

.flex-1 {
  flex: 1;
}

.flex-3 {
  flex: 3;
}

.flex-4 {
  flex: 4;
}

.flex-2 {
  flex: 2;
}

.items-center {
  align-items: center;
}

.max-content {
  width: max-content;
}

.justify-center {
  justify-content: center;
}

.items-end {
  align-items: flex-end;
}

.items-baseline {
  align-items: baseline;
}

.my-5 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.my-4 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.my-3 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.pt-3 {
  padding-top: 12px;
}

.px-3 {
  padding-left: 12px;
  padding-right: 12px;
}

.pt-2 {
  padding-top: 8px;
}

.px-2 {
  padding-left: 8px;
  padding-right: 8px;
}

.pt-1 {
  padding-top: 4px;
}

.px-1 {
  padding-left: 4px;
  padding-right: 4px;
}

.pb-2 {
  padding-bottom: 8px;
}

.justify-end {
  justify-content: flex-end;
}

.w-auto {
  width: auto;
}

.shrink-0 {
  flex-shrink: 0;
}

select.language-select,
select.translate-service,
select.min-select {
  --form-element-spacing-horizontal: 0;
  margin-bottom: 0px;
  max-width: unset;
  flex: 1;
  overflow: hidden;
  font-size: 13px;
  border: none;
  border-radius: 8px;
  padding-right: 30px;
  padding-left: 0px;
  background-position: center right 12px;
  background-size: 16px auto;
  background-image: var(--icon-xia);
  text-overflow: ellipsis;
  color: var(--text-gray-2);
  background-color: transparent;
  box-shadow: unset !important;
  cursor: pointer;
}

select.more {
  background-position: center right;
  padding-right: 20px;
}

select.transform-padding-left {
  padding-left: 12px;
  transform: translateX(-12px);
}

select.translate-service {
  color: var(--text-black-2);
}

/* dark use black, for windows */
@media (prefers-color-scheme: dark) {

  select.language-select option,
  select.translate-service option,
  select.min-select option {
    background-color: #666666;
  }
}

.text-overflow-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.max-w-20 {
  max-width: 180px;
  white-space: nowrap;
}

select.min-select-secondary {
  color: var(--color);
}

select.min-select:focus {
  outline: none;
  border: none;
  --box-shadow: none;
}

select.min-select-no-arrow {
  background-image: none;
  padding-right: 0;
}

select.min-select-left {
  padding-right: 0px;
  /* padding-left: 24px; */
  /* background-position: center left 0; */
  text-overflow: ellipsis;
  text-align: left;
}

.popup-footer {
  background-color: var(--popup-footer-background-color);
  height: 40px;
}

.text-right {
  text-align: right;
}

.clickable {
  cursor: pointer;
}

.close {
  cursor: pointer;
  width: 16px;
  height: 16px;
  background-image: var(--icon-close);
  background-position: center;
  background-size: auto 1rem;
  background-repeat: no-repeat;
  opacity: 0.5;
  transition: opacity var(--transition);
}

.padding-two-column {
  padding-left: 40px;
  padding-right: 40px;
}

.muted {
  color: #999;
}

.text-label {
  color: #666;
}

.display-none {
  display: none;
}

/* dark use #18232c */
@media (prefers-color-scheme: dark) {
  .text-label {
    color: #9ca3af;
  }
}

.text-decoration-none {
  text-decoration: none;
}

.text-decoration-none:is([aria-current], :hover, :active, :focus),
[role="link"]:is([aria-current], :hover, :active, :focus) {
  --text-decoration: none !important;
  background-color: transparent !important;
}

.language-select-container {
  position: relative;
  width: 100%;
  background-color: var(--popup-item-background-color);
  height: 55px;
  border-radius: 12px;
}

select.language-select {
  color: var(--text-black-2);
  font-size: 14px;
  padding: 8px 24px 24px 16px;
  position: absolute;
  border-radius: 12px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

select.text-gray-6 {
  color: var(--text-gray-6);
}

.language-select-container label {
  position: absolute;
  bottom: 10px;
  left: 16px;
  font-size: 12px;
  color: var(--text-gray-9);
  line-height: 12px;
  margin: 0;
}

.translation-service-container {
  background-color: var(--popup-item-background-color);
  border-radius: 12px;
}

.min-select-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  background-color: var(--popup-item-background-color);
  padding-left: 16px;
}

.min-select-container:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.min-select-container:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.min-select-container:only-child {
  border-radius: 10px;
}

.translate-mode {
  width: 44px;
  height: 44px;
  border-radius: 22px;
  background-color: var(--popup-item-background-color);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
}

.translate-mode svg {
  fill: var(--text-gray-2);
}

.widgets-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.widgets-container> :not(:last-child) {
  margin-right: 8px;
}

.widget-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--popup-item-background-color);
  font-size: 12px;
  height: 44px;
  border-radius: 8px;
  cursor: pointer;
  flex: 1;
}

.widget-item svg {
  fill: var(--text-gray-2);
}

.setting svg {
  fill: var(--text-gray-6);
}

.share-button-container {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 2px 3px 0 8px;
}

.share-button-container svg {
  fill: var(--text-gray-9);
}

.min-select-container:hover,
.language-select-container:hover,
.widget-item:hover,
.translate-mode:hover {
  background-color: var(--popup-item-hover-background-color);
}

.main-button:hover {
  background-color: #f5508f;
}

.share-button-container:hover {
  background-color: var(--popup-item-background-color);
  border-radius: 6px;
}

.error-boundary {
  background: #fff2f0;
  border: 1px solid #ffccc7;
  display: flex;
  padding: 12px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  word-break: break-all;
  margin: 12px;
  border-radius: 12px;
  flex-direction: column;
}

html {
  font-size: 17px;
}

@media print {
  .imt-fb-container {
    display: none !important;
  }
}

#mount#mount {
  position: absolute;
  display: none;
  min-width: 250px;
  height: auto;
  --font-size: 17px;
  font-size: 17px;
}

/* float-ball */
.imt-fb-container {
  position: fixed;
  padding: 0;
  z-index: 2147483647;
  top: 335px;
  width: 56px;
  display: flex;
  flex-direction: column;
  display: none;
}

.imt-fb-container.left {
  align-items: flex-start;
  left: 0;
}

.imt-fb-container.right {
  align-items: flex-end;
  right: 0;
}

.imt-fb-btn {
  background: linear-gradient(320.9deg, #db3b7b 26.47%, #ffcee2 88.86%);
  height: 36px;
  width: 56px;
  box-shadow: 2px 6px 10px 0px #0e121629;
}

.imt-fb-btn.left {
  border-top-right-radius: 36px;
  border-bottom-right-radius: 36px;
}

.imt-fb-btn.right {
  border-top-left-radius: 36px;
  border-bottom-left-radius: 36px;
}

.imt-fb-btn div {
  background: linear-gradient(140.91deg, #ff87b7 12.61%, #ec4c8c 76.89%);
  height: 34px;
  width: 54px;
  margin: 1px;
  display: flex;
  align-items: center;
}

.imt-fb-btn.left div {
  border-top-right-radius: 34px;
  border-bottom-right-radius: 34px;
  justify-content: flex-end;
}

.imt-fb-btn.right div {
  border-top-left-radius: 34px;
  border-bottom-left-radius: 34px;
}

.imt-fb-logo-img {
  width: 20px;
  height: 20px;
  margin: 0 10px;
}

.imt-float-ball-translated {
  position: absolute;
  width: 11px;
  height: 11px;
  bottom: 4px;
  right: 20px;
}

.btn-animate {
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform ease-out 250ms;
  transition: -webkit-transform ease-out 250ms;
  transition: transform ease-out 250ms;
  transition: transform ease-out 250ms, -webkit-transform ease-out 250ms;
}

.imt-fb-setting-btn {
  margin-right: 18px;
  width: 28px;
  height: 28px;
}

.immersive-translate-popup-wrapper {
  background: var(--background-color);
  border-radius: 20px;
  box-shadow: 2px 10px 24px 0px #0e121614;
  border: none;
  overflow: hidden;
}

.imt-fb-close-content {
  padding: 22px;
  width: 320px;
}

.imt-fb-close-title {
  font-weight: 500;
  color: var(--h2-color);
}

.imt-fb-close-radio-content {
  background-color: var(--background-light-green);
  padding: 8px 20px;
}

.imt-fb-radio-sel,
.imt-fb-radio-nor {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  flex-shrink: 0;
}

.imt-fb-radio-sel {
  border: 2px solid var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
}

.imt-fb-radio-sel div {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: var(--primary);
}

.imt-fb-radio-nor {
  border: 2px solid #d3d4d6;
}

.imt-fb-primary-btn {
  background-color: var(--primary);
  width: 72px;
  height: 32px;
  color: white;
  border-radius: 8px;
  text-align: center;
  line-height: 32px;
  font-size: 16px;
  cursor: pointer;
}

.imt-fb-default-btn {
  border: 1px solid var(--primary);
  width: 72px;
  height: 32px;
  border-radius: 8px;
  color: var(--primary);
  line-height: 32px;
  text-align: center;
  font-size: 16px;
}

.imt-fb-guide-container {
  width: 312px;
  transform: translateY(-50%);
}

.imt-fb-guide-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
}

.imt-fb-guide-bg.left {
  transform: scaleX(-1);
}

.imt-fb-guide-content {
  margin: 16px 32px 60px 21px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.imt-fb-guide-content.left {
  margin: 16px 21px 60px 32px;
}

.imt-fb-guide-img {
  width: 235px;
  margin-top: 16px;
}

.imt-fb-guide-message {
  font-size: 16px;
  line-height: 28px;
  color: #333333;
  white-space: pre-wrap;
  text-align: center;
  font-weight: 700;
  margin-top: 10px;
}

.imt-fb-guide-button {
  margin-top: 16px;
  line-height: 40px;
  height: 40px;
  padding: 0 20px;
  width: unset;
}

.imt-fb-more-buttons {
  box-shadow: 0px 2px 10px 0px #00000014;
  border: 1px solid var(--float-ball-more-button-border-color);
  background: var(--float-ball-more-button-background-color);
  width: 36px;
  display: flex;
  flex-direction: column;
  border-radius: 18px;
  margin-right: 8px;
}

.imt-fb-more-button {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.imt-fb-more-buttons svg path {
  fill: var(--float-ball-more-button-svg-color);
}

/* Sheet.css */
.immersive-translate-sheet {
  position: fixed;
  transform: translateY(100%);
  /* Start off screen */
  left: 0;
  right: 0;
  background-color: white;
  transition: transform 0.3s ease-out;
  /* Smooth slide transition */
  box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);
  /* Ensure it's above other content */
  bottom: 0;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow: hidden;
}

.immersive-translate-sheet.visible {
  transform: translateY(0);
}

.immersive-translate-sheet-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease-out;
}

.immersive-translate-sheet-backdrop.visible {
  opacity: 1;
}

.popup-container-sheet {
  max-width: 100vw;
  width: 100vw;
}

.imt-no-events * {
  pointer-events: none !important;
}

.imt-manga-button {
  width: 36px;
  height: 36px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: all;
  margin: 12px 0 0 0;
  background-color: white;
  fill: #fcfcfc;
  stroke: #f6f6f6;
  border-radius: 50%;
  filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.08));
  opacity: 0.5;
  right: 8px;
}

.imt-manga-button:hover {
  opacity: 1;
}

.imt-manga-translated {
  position: absolute;
  left: 24px;
  bottom: 5px;
}

.imt-float-ball-loading {
  animation: imt-loading-animation 0.6s infinite linear !important;
}

.imt-manga-guide-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  width: 372px;
  transform: translateY(-50%);
}
.imt-manga-guide-content {
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  margin: 0 40px 0;
}

.img-manga-guide-button {
  width: fit-content;
  margin: 16px auto;
}

.img-manga-close {
  position: absolute;
  bottom: -200px;
  width: 32px;
  height: 32px;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
}

@-webkit-keyframes imt-loading-animation {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
  }
}

@keyframes imt-loading-animation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}
</style><div id="mount" style="display: block;"></div></template></div></html>